Границы и радиус
Урок 5 из 8 курса CSS-проект: Стильная кнопка на Coddy.
Элемент button в HTML поставляется с границей по умолчанию, давайте настроим её!
Чтобы сделать закругленную границу, используйте свойство border-radius (используйте те же значения, что и в padding или margin), например,
#rounded {
border-radius: 8px;
}Чтобы полностью удалить границу, вы можете переопределить её с помощью,
#no-border {
border: none;
}Совет: если вы установите для
border-radiusбольшое значение, он примет форму круга!
Задание
ЛегкоЗадачи:
- Измените border radius на значение больше 0
- Измените border на что-то отличное от значения по умолчанию
Попробуйте сами
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
</body>
</html>