Как изменить стиль кнопки CSS

Чтобы изменить стиль кнопки с помощью CSS, вам нужно использовать селекторы CSS для свойств, которые вы хотите изменить. Вот пример CSS для изменения стиля кнопки:

HTML:

<button class="button">Кнопка</button>

CSS:

.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; /* изменение формы курсора при наведении */
  border-radius: 5px; /* закругление углов */
}

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

В этом примере мы использовали селектор .button для выбора нашей кнопки и определили стили, которые мы хотим применить.

Мы установили цвет фона, цвет текста, размер шрифта, отступы и форму курсора при наведении на кнопку. Мы использовали border:none для того, чтобы кнопка не имела границы, и display:inline-block, чтобы кнопка выравнивалась рядом с другими элементами на странице.

Чтобы изменить стиль при наведении на кнопку, мы добавили CSS-правило с псевдоклассом :hover.

Это простой пример изменения стиля кнопки с помощью CSS. Вы можете настроить стиль кнопки, используя различные свойства CSS, чтобы получить нужный вам результат.