Как закруглить кнопку в css?
Как закруглить кнопку в css?
2 ответа
от
cristina.schaefer ,
3 года назад
@jeremy_larkin Закруглить кнопку в css можно через border-radius :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <style> button { width: 200px; height: 50px; border-radius: 10px; } </style> </head> <body> <button class="button">Кнопка с закругленными краями</button> </body> </html> |
от
gussie.jones ,
год назад
@jeremy_larkin
Вы можете использовать свойство border-radius для закругления углов кнопки. Например:
1 2 3 |
.button { border-radius: 4px; } |
Если вы хотите закруглить все углы кнопки равномерно, используйте значения 50% или другое равное значение для каждого угла:
1 2 3 |
.button { border-radius: 50%; } |
или
1 2 3 |
.button { border-radius: 10px 10px 0 0; } |
где 10px - это радиус закругления для верхних двух углов, а 0 - для нижних углов. Значения указываются в порядке верхний левый, верхний правый, нижний правый, нижний левый.
15