Как сделать закругленные углы в html?

Пользователь

от margaret , в категории: HTML/CSS , 8 месяцев назад

Как сделать закругленные углы в html?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от cooper.berge , 8 месяцев назад

@margaret 

Закругленные углы можно сделать с помощью CSS свойства border-radius.


Пример:

1
2
3
.rounded-corner {
  border-radius: 10px;
}


1
2
3
<div class="rounded-corner">
  Закругленные углы
</div>


В данном примере, у элемента с классом rounded-corner будут закругленные углы радиусом 10 пикселей. Вы можете изменять значение border-radius для достижения желаемого эффекта.