Как стилизовать кнопку в CSS

Для стилизации кнопки в CSS можно использовать следующие свойства:

  1. background-color — задает цвет фона кнопки
  2. color — задает цвет текста на кнопке
  3. border — задает стиль, толщину и цвет границы кнопки
  4. padding — задает отступы внутри кнопки
  5. font-size — задает размер шрифта на кнопке
  6. text-transform — задает преобразование текста (например, в верхний или нижний регистр)
  7. cursor — задает тип курсора при наведении на кнопку

Пример стилизации кнопки:

button {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

Этот код задает зеленый фон, белый текст, отступы внутри кнопки, размер шрифта 16px и тип курсора pointer при наведении на кнопку.

реклама

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

реклама

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

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

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

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

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

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