Как добавить кнопку в css

Чтобы добавить кнопку с помощью CSS, необходимо:

1. Создать элемент кнопки, используя HTML-код:

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

2. Назначьте класс для элемента кнопки (в данном случае, «my-button»).
3. Добавьте стили для кнопки в 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; /* Задаем значок курсора при наведении на кнопку */
  border-radius: 10px; /* Задаем скругление углов границ кнопки */
  transition-duration: 0.4s; /* Задаем время анимации */
}

.my-button:hover {
  background-color: #555555; /* Задаем цвет фона кнопки при наведении курсора на нее */
  color: white; /* Задаем цвет текста на кнопке при наведении курсора на нее */
}

4. Сохраните изменения в CSS-файле и откройте свою веб-страницу в браузере. Вы должны увидеть кнопку с заданным вами стилем.