Вам, вероятно, приходилось видеть следующий эффект:
Как же получить подчёркивание одним цветом, а саму ссылку сделать другого цвета? Всё очень просто — согласно спецификации 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, разумеется, не работает.
Автор: Александр Шуркаев
Комментарии