a:link {
color: #0000d0; /* Цвет ссылок */
padding: 2px; /* Поля вокруг текста */
}
a:hover {
background: #786b59; /* Цвет фона под ссылкой */
color: #ffe; /* Цвет ссылки */
}



Ссылка 1
Ссылка 2
Ссылка 3


В данном примере псевдокласс hover применяется к ссылке (тегу ), при этом 
меняется цвет ссылки и
фона под ней. Результат примера показан на рис. 1.
Internet Explorer Netscape Opera Safari Firefox
6.0 7.0 8.0 8.0 9.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Частично Да Да Да Да Да Да Да Да Да Да Да Да Да
CSS CSS2
Применяется Не определено
Аналог HTML <тег onmouseover="function()">
Ссылка на
спецификацию
http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudoclasses
HTML 4.01 CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0
Рис. 1. Результат использования псевдокласса hover для ссылок
Пример 2









Русская кухня

Бефстроганов
Гусь с яблоками
Крупеник новгородский