Здравствуйте! Для создания закругленных кнопок в CSS вы можете использовать свойство `border-radius`. Это свойство позволяет задать радиус округления углов элемента. Вот простой пример стилей для закругленной кнопки:
```html
<button class="rounded-button">Нажми меня</button>
```
```css
.rounded-button {
background-color: #4CAF50; /* Зеленый фон */
color: white; /* Цвет текста */
padding: 10px 20px; /* Отступы по вертикали и горизонтали */
border: none; /* Без рамки */
border-radius: 20px; /* Закругленные углы */
cursor: pointer; /* Курсор в виде руки при наведении */
font-size: 16px; /* Размер шрифта */
transition: background-color 0.3s; /* Плавный переход цвета фона */
}
.rounded-button:hover {
background-color: #45a049; /* Цвет фона при наведении */
}
```
В этом примере кнопка будет иметь закругленные углы с радиусом в 20 пикселей. Вы можете изменять значение `border-radius`, чтобы добиться желаемого эффекта. Чем больше значение, тем более закругленной будет кнопка. Если вы хотите сделать кнопку круглой, вы можете использовать значение, равное 50% от ширины или высоты кнопки.
Вы можете также добавить дополнительные стили для улучшения визуального восприятия кнопки, такие как тени, границы и эффекты при наведении.