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

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

button {
  border-radius: 10px;
}

Это свойство применяется к углам элемента и задает радиус закругления в пикселях. Можно также задавать разные значения для каждого угла, используя свойства border-top-left-radius, border-top-right-radius, border-bottom-left-radius и border-bottom-right-radius. Например:

button {
  border-top-left-radius: 5px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 20px;
}

Это задаст разные радиусы закругления для каждого угла кнопки.