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

Чтобы вставить кнопку в CSS, нужно сначала создать элемент кнопки в HTML-коде, а затем стилизовать его с помощью CSS. Вот пример кода:

HTML:

<button class="my-button">Нажми меня</button>

CSS:

.my-button {
  background-color: #4CAF50; /* Цвет фона */
  border: none; /* Убираем границу */
  color: white; /* Цвет текста */
  padding: 15px 32px; /* Размеры внутренних отступов */
  text-align: center; /* Выравнивание текста по центру */
  text-decoration: none; /* Убираем подчеркивание */
  display: inline-block; /* Отображаем как блочный элемент */
  font-size: 16px; /* Размер шрифта */
  margin: 4px 2px; /* Отступы от других элементов */
  cursor: pointer; /* Изменяем курсор при наведении */
}

Этот код создаст зеленую кнопку с белым текстом и размером 15px по вертикали и 32px по горизонтали. Кнопка будет иметь отступы от других элементов и изменять курсор при наведении.

реклама

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

реклама

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

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

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

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

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

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