Как сделать кнопку на css?

@eudora 

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

HTML:

1

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

CSS:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17

.button {
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  border: none;
  background-color: #4CAF50;
  color: white;
  cursor: pointer;
}

.button:hover {
  background-color: #45a049;
}

В данном примере кнопка будет иметь зеленый фон background-color: #4CAF50, белый текст color: white и при наведении будет немного затемняться background-color: #45a049. Кнопка будет иметь закругленные края border-radius: 5px и не будет иметь границы border: none. Размер кнопки, шрифт и прочие стили можно настроить с помощью соответствующих CSS свойств.