Псевдокласс :hover
Псевдокласс :hover определяет стиль элемента при наведении на него курсора мыши.
Небольшой пример использования:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Псевдокласс link</title>
<style>
a:link {
color: #FF0000; /* Цвет ссылок */
}
a:hover {
background: #989898; /* Цвет фона под ссылкой */
color: #ffffff; /* Цвет ссылки */
}
</style>
</head>
<body>
<p><a href="link.html">Ссылка, которую посетили</a></p>
<p><a href="link2.html">Ссылка, которую еще не посетили</a></p>
</body>
</html>Строка (a:link) задает стиль для ссылок, которые пользователь еще не посещал:
a:linkСтрока (a:hover) задает стиль для ссылок на которые пользователь навел мышью:
a:hoverВ примере, ссылке на которую пользователь навел указатель мыши, задан белый цвет и серый фон вокруг ссылки .
В данном примере кода используется поддержка кодировки UTF-8. Данная кодировка позволяет использовать в HTML русский текст.
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.