Как закруглить края кнопки в 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;
}

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

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

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

Наш специалист свяжется с вами в ближайшее время и уточнит детали