Источник: www.webarchive.ru
Для того, чтобы подсветить ссылку при наведении на неё курсора мышки, необходимо задать такую таблицу стилей:
<style TYPE="text/css"> <!-- a:hover {color: red; mso-bidi-font-size:12pt} --> </style>
В
этом случае все ссылки на странице при наведении на них курсора мышки
будут подсвечиваться красным цветом и перезаписываться шрифтом размером
в 12 pt.
Для того, чтобы с одной из ссылок этого не происходило, необходимо задать для неё принудительно шрифт с помощью тега <font> внутри ссылки, например:
<a href=#>Неподсвеченная ссылка
Для
того, чтобы одна группа ссылок подсвечивалась одним цветом, другая
другим, необходимо несколько иначе написать таблицу стилей:
<style>
body a:Hover {color : red} .group1 {text-decoration: none; font-family:
arial; font-size: 8pt; color: black} a:hover.group1 {text-decoration:
none; font-family: arial, font-size: 8pt; color: blue} .group2
{font-family: arial, font-size: 10pt; color: green} a:hover.group2
{font-family: arial, font-size: 10pt; color: gray} </style>
В
этом случае ссылки, для которых указан класс group1, будут отображаться
не подчеркнутыми, чёрным цветом, шрифтом Arial размером 8 pt. При
наведении мышки они станут подчёркнутыми и перекрасятся в синий цвет.
Ссылки,
для которых указан класс group2, будут подчёркнутыми и отображаться
шрифтом размера 10pt зелёным цветом. При наведении мышки они станут
серыми.
Александр Рыбников
|