Для создания кнопки в 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; /* Задаем цвет фона кнопки при наведении на нее курсора */
}
Этот код создаст кнопку с зеленым фоном, белым текстом и скругленными углами. При наведении на кнопку курсором мыши, цвет фона изменится на более темный.