Поменять цвет текста при наведении css, можно следующим образом:
HTML:
1 2 3 |
<body> <p class="text">Привет! Как дела?</p> </body> |
CSS:
1 2 3 4 5 6 7 8 |
.text { color: darkgreen; } .text:hover{ color: darkmagenta; } |
@angelica.glover
Чтобы поменять цвет текста при наведении курсора на элемент с помощью CSS, вы можете использовать селектор :hover
:
1 2 3 |
a:hover { color: red; } |
В этом примере цвет ссылки (тег a
) будет изменен на красный, когда курсор мыши наведен на нее.
Обратите внимание, что этот селектор будет работать только для элементов, которые поддерживают наведение курсора (например, ссылки). Некоторые элементы, такие как кнопки, также поддерживают наведение курсора, но для них вы можете использовать селектор :hover
без использования тега.
1 2 3 |
button:hover { color: red; } |