Как сделать button css

Чтобы создать кнопку в CSS, можно использовать стандартный HTML-тег button и добавить к нему стили.

Вот простой пример создания кнопки:

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

Здесь мы создаем кнопку с классом my-button и текстом «Нажми меня».

Теперь добавим стили для кнопки в CSS:

.my-button {
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: bold;
  color: white;
  background-color: blue;
  border: none;
  border-radius: 5px;
}

.my-button:hover {
  background-color: darkblue;
  cursor: pointer;
}

Здесь мы задаем стили кнопки с помощью класса .my-button.

Мы используем display: inline-block; для отображения кнопки в виде блока, но со строковыми свойствами текста.

Затем мы устанавливаем отступы для кнопки с помощью padding: 10px 20px; и размер шрифта font-size: 16px;.

Мы также устанавливаем жирный шрифт font-weight: bold;, цвет текста color: white; и фоновый цвет background-color: blue;.

Чтобы убрать границу кнопки, используем border: none;, а чтобы закруглить углы кнопки, используем border-radius: 5px;.

Наконец, мы используем псевдокласс :hover для изменения цвета фона при наведении на кнопку. Также мы добавляем стиль cursor: pointer;, чтобы курсор мыши стал указывать на то, что элемент является кликабельным.

Таким образом, мы создали простую кнопку в CSS.