Пятница, 24.07.2026, 23:07
Приветствую Вас Гость

Меню сайта
Web-программирование
Категории раздела
Наш опрос
Какой браузер Вы используете?
Всего ответов: 1423
Статистика

Анализ веб сайтов
Главная » Статьи » Статьи o CSS

Подсветка ссылки
<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 зелёным цветом. При наведении мышки они станут серыми.
Категория: Статьи o CSS | Добавил: Rammstein (21.01.2011)
Просмотров: 842 | Рейтинг: 0.0/0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Реклама
Поиск
Друзья сайта
Топ100- Веб-дизайн free counters