Подчеркивание ссылки другим цветом

Вам, вероятно, приходилось видеть следующий эффект:

Какая симпатичная гиперссылка!

Как же получить подчёркивание одним цветом, а саму ссылку сделать другого цвета? Всё очень просто — согласно спецификации CSS, цвет подчёркивания наследуется вложенными элементами:

Цвет (цвета), необходимые для свойства text-decoration, берутся из значения свойства color.

Свойство text-decoration не наследуется, но дочерние элементы блокового элемента должны оформляться тем же эффектом (например, подчёркиваться). Цвет оформления должен оставаться неизменным, даже если у дочерних элементов определены другие значения свойства color.

HTML код нашего примера:

<p>Какая симпатичная <a href="#" style="text-decoration:underline; color:red"><span style="color:blue">гиперссылка</span></a>!</p>

Поддерживается это дело (почти) всеми «нормальными» браузерами, т. е. Internet Explorer 5.5+ (странно, но не работает в Internet Explorer 5.0), Netscape Navigator 6+, Opera 4+. В Netscape Navigator 4, разумеется, не работает.

Автор: Александр Шуркаев

Оцени публикацию:
  • 19,89
Оценили человек: 19

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

Справочники и учебники:


Комментарии посетителей:
  • смените фон задний, как текст то читать. мозг ломается
    21 декабря 2017, 09:16 коммент полезен : 0 # Куецу
Предложения и пожелания:
Ваше имя:
Ваш E-mail:
Сколько будет Οдин + Τри
Главная
X

youtube.com/watch?v=7hFivbgIEqk

При полном или частичном использовании материалов данного сайта, ссылка на сайт "yapro.ru" обязательна как на источник информации.
Автоматический импорт материалов и информации с сайта запрещен.
Copyrights © 2007 - 2018 YaPro.Ru

Главная » Веб-мастеру » CSS »