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

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

HTML:

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

CSS:

.btn {
  background-color: #4CAF50; /* Задаем цвет фона кнопки */
  border: none; /* Убираем границу кнопки */
  color: white; /* Задаем цвет текста на кнопке */
  padding: 10px 20px; /* Задаем отступы внутри кнопки */
  text-align: center; /* Выравниваем текст по центру */
  text-decoration: none; /* Убираем подчеркивание текста */
  display: inline-block; /* Делаем кнопку блочным элементом */
  font-size: 16px; /* Задаем размер шрифта */
  cursor: pointer; /* Делаем курсор при наведении на кнопку в виде указателя */
  border-radius: 5px; /* Задаем радиус скругления углов кнопки */
}

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

Этот код создаст кнопку с зеленым фоном, белым текстом и скругленными углами. При наведении на кнопку курсором мыши, цвет фона изменится на более темный.