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

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

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

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

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

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

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



Предложения и пожелания:
Ваше имя: Ваш E-mail:
Введите изображенные цифры:
Captcha

HTML (19)

CSS (36)

PHP (22)

MySQL (14)

JavaScript (57)

Flash (6)

XML (3)

Apache (34)

Дизайн (35)

Продвижение (31)

Программы (26)

Unix (11)

Интересное (37)


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


Последние комменты:

Новые заметки:

Защита сервера от ошибок в phpMyAdmin

HTML5 - новые виды атак

Социальные рекомендации Twitter в Google

Ашманов про стартапы

Skype Distributed Database Architecture

Erlang - лекарство при высоких нагрузках

Amazon Web Services: инструменты обеспечения масштабируемости и отказоустойчивости

Обсуждения на форуме:

некорректно отображается страница в браузерах

не могу войти в admin

Нужна критика идеи

Поиск по дополнительным полям и формам

Вопрос по категориям

Несколько вопросов по проекту.

Плагины, меню и интеграция

Ошибка в тексте? Выделите её мышкой и нажмите: Ctrl + Enter| Здравствуйте, Гость | Войти | Регистрация| Карта сайта | RSS ленты
О проекте | Скачать CMS | Видеоуроки | Документация | Плагины | Форум | Идеи | Новости | Веб-мастеру | Контакты

YaPro CMS в Живом Журнале

YaPro CMS в Твитере

YaPro CMS в Одноклассниках

YaPro CMS в Яндекс.Блогах


youtube.com/watch?v=7hFivbgIEqk

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


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