Как закруглить края в css

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

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

button {
  border-radius: 8px;
}

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

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

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

button {
  border-radius: 10px;
}

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