Главная » Полезные статьи » HTML-верстка » Подсветка ссылки
Распечатать статью

Подсветка ссылки

Для того, чтобы подсветить ссылку при наведении на неё курсора мышки, необходимо задать такую таблицу стилей:

<style TYPE="text/css"> <!-- a:hover {color: red; mso-bidi-font-size:12pt} --> </style>

В этом случае все ссылки на странице при наведении на них курсора мышки будут подсвечиваться красным цветом и перезаписываться шрифтом размером в 12 pt.

Для того, чтобы с одной из ссылок этого не происходило, необходимо задать для неё принудительно шрифт с помощью тега <font> внутри ссылки, например:

<a href=#>Неподсвеченная ссылка</a>

Для того, чтобы одна группа ссылок подсвечивалась одним цветом, другая другим, необходимо несколько иначе написать таблицу стилей:

<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 зелёным цветом. При наведении мышки они станут серыми.

Источник: internet-technologies.ru 
Вы можете оставить комментарий, или обратную ссылку на Ваш сайт.

Оставить комментарий

Похожие статьи