Для создания кнопок с использованием CSS, вы можете использовать следующий код:
HTML:
```html
<button class="btn">Нажмите меня</button>
```
CSS:
```css
.btn {
background-color: #3498db;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}
.btn:hover {
background-color: #2980b9;
}
```
Этот код создаст стильную кнопку с синим фоном и белым текстом. При наведении кнопка будет изменять цвет фона на более темный оттенок синего.
Чтобы обеспечить правильную работу кнопки, необходимо добавить атрибут `type="button"` к элементу `<button>`. Это предотвратит действия по умолчанию при нажатии на кнопку (например, отправку формы в случае нахождения внутри формы).
Пример HTML:
```html
<button class="btn" type="button">Нажмите меня</button>
```
Таким образом, вы можете создавать стильные кнопки с использованием CSS и обеспечивать их правильную работу с помощью элемента `<button>`.