Авторизация
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
После регистрации вы можете задавать вопросы и отвечать на них, зарабатывая деньги. Ознакомьтесь с правилами, будем рады видеть вас в числе наших авторов!
Вы должны войти или зарегистрироваться, чтобы добавить ответ.
Для того чтобы забиндить кнопку в CSS, вы можете использовать псевдоклассы :hover, :active и :focus.
Пример:
.button {
background-color: #4CAF50; /* Цвет фона */
border: none; /* Убираем границу */
color: white; /* Цвет текста */
padding: 15px 32px; /* Отступы внутри кнопки */
text-align: center; /* Выравнивание текста по центру */
text-decoration: none; /* Убираем подчеркивание */
display: inline-block; /* Отображение как блочный элемент */
font-size: 16px; /* Размер шрифта */
margin: 4px 2px; /* Внешние отступы */
cursor: pointer; /* Изменение курсора при наведении */
}
.button:hover {
background-color: #45a049; /* Изменение цвета фона при наведении */
}
.button:active {
background-color: #3e8e41; /* Изменение цвета фона при нажатии */
}
.button:focus {
outline: none; /* Убираем контур при фокусе */
box-shadow: 0 0 5px #4CAF50; /* Добавляем тень при фокусе */
}
В данном примере кнопка будет иметь зеленый фон, белый текст и будет менять цвет фона при наведении, нажатии и фокусе.