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

Чтобы скруглить кнопку в CSS, можно использовать свойство border-radius.

Например, вот как можно создать круглую кнопку:

button {
  border-radius: 50%;
}

Здесь мы используем селектор button для выбора элемента кнопки и устанавливаем свойство border-radius в 50%, чтобы сделать границы элемента круглыми.

Если нужно определить радиус скругления границ с помощью конкретного значения, можно установить свойство border-radius следующим образом:

button {
  border-radius: 10px;
}

В данном случае мы устанавливаем радиус скругления границ кнопки в 10px.

Если на кнопке есть два угла, которые не должны быть скруглены, можно использовать свойства border-top-left-radius и border-top-right-radius для установки радиусов скругления только для двух углов:

button {
  border-radius: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

Здесь мы устанавливаем радиус скругления границ кнопки в 10px, а затем устанавливаем свойства border-top-left-radius и border-top-right-radius в 0, чтобы не скруглять верхние края кнопки.

Надеюсь, это поможет!