Как закруглить кнопку в CSS

Для закругления кнопки в CSS можно использовать свойство border-radius. Например:

button {
  border-radius: 10px;
}

Это закруглит углы кнопки на 10 пикселей. Если нужно закруглить все углы одинаково, можно указать только одно значение:

button {
  border-radius: 20px;
}

Если нужно закруглить только определенные углы, можно указать четыре значения, соответствующие углам в порядке: верхний левый, верхний правый, нижний правый, нижний левый. Например:

button {
  border-radius: 10px 20px 30px 40px;
}

Это закруглит верхний левый угол на 10 пикселей, верхний правый на 20, нижний правый на 30 и нижний левый на 40.