Создание сайтов - модель качественной верстки Изменение фона в таблице

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

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

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


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

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

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

Добавить в:
Google slashdot YahooMyWeb Digg Technorati Delicious Забобрить эту страницу! Добавить на Newsland.ru Добавить на СМИ2 Добавить на Ваау! Добавить на RUmarkz Добавить на rucity.com Добавить в закладки МоёМесто.ru

Css Дизайнер (designer)

Постоянные ссылки

При копировании ссылка на Заметки дизайнера обязательна!

URI

Html (ЖЖ)

BB-код (Для форумов)

Написать коммент

Вы должны войти, чтобы оставить коммент.

Trackback на эту запись  |  Комменты по RSS


Рекламка в тему

Рубрики

Архив по месяцам

Друзья

Мета