Как изменить цвет блока при наведении курсора в css?
2 ответа
от
alfonso.heidenreich ,
3 года назад
@jeromy_ruecker Изменить цвет блока при наведении курсора в css можно через hover :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <style> div { width: 100px; height: 100px; background: coral; } div:hover { background: crimson; } </style> </head> <body> <div>Квадрат</div> </body> </html> |
от
charles.orn ,
год назад
@jeromy_ruecker
Чтобы изменить цвет блока при наведении курсора мыши в CSS, можно использовать псевдокласс :hover. Например:
1 2 3 |
.block:hover { background-color: red; } |
В этом примере блок с классом block будет изменять свой цвет фона на красный при наведении курсора мыши. Замените red на нужный цвет в своем случае.
15