Как закруглить кнопку в CSS?
2 ответа
от
rupert.collins ,
3 года назад
Для закругления краев на кнопке, можно использовать border-radius
HTML:
1 2 3 |
<body> <button class="border">Войти</button> </body> |
CSS:
1 2 3 4 5 6 |
.border { width: 100px; height: 50px; background-color: blueviolet; border-radius: 15px; } |
от
jerad.kuphal ,
2 года назад
@fredy
Чтобы закруглить кнопку в CSS, можно использовать свойство border-radius. Например, чтобы закруглить кнопку на 50px, можно использовать следующий код:
1 2 3 |
button { border-radius: 50px; } |
Если вам нужно закруглить только одну из сторон, можно использовать свойства border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-radius.
1 2 3 4 |
button { border-top-left-radius: 50px; border-top-right-radius: 50px; } |
15