Как изменить в html цвет ссылки?

Начинающие веб-разработчики часто задаются вопросом об изменении оформления гиперссылок. Это вполне естественно, ведь тема о правильном оформлении ссылок постоянно поднимается дизайнерами и верстальщиками.
Создать сайт самостоятельно с Wix.com

Инструкция

По умолчанию, ссылки оформляются синим (#0000FF) цветом, имеют нижнее подчеркивание и меняют цвет при переходе на фиолетовый (#800080), причем активные ссылки выделяются красным цветом (#FF0000). Установка цветов для всех ссылок на странице в разных их состояниях осуществляется стандартными средствами HTML - тремя атрибутами тега . Изменение параметров оформления отдельных ссылок может быть осуществлено посредством изменения значений атрибутов соответствующего тега .

Существует три способа задания значений для стилевых атрибутов. Во всех случаях необходимо указывать цвет шрифта и подчеркивания, который может иметь вид шестнадцатеричного кода в полном (#FFFFFF) или сокращенном (#fff) вариантах. Цвет можно указать также в формате RGB (101, 010, 111) или стандартным html-значением стилевого атрибута, то есть ключевым словом (grey, red и т.д.). Эти значения устанавливаются для атрибутов link, alink и vlink.

Необязательный атрибут link тега определяет цвет всех гиперссылок, которые есть на странице. Если атрибут не указан, принимается значение по умолчанию.

Необязательный атрибут alink тега определяет цвет всех активных гиперссылок, то есть меняет цвет ссылки на указанный при нажатии на нее. Активными гиперссылками также считаются элементы меню, которые указывают на страницу, открытую в браузере в данный момент. Если атрибут не указан, принимается значение по умолчанию.

Необязательный атрибут vlink тега определяет цвет всех посещенных гиперссылок, то есть меняет цвет ссылки после перехода по ней. Если атрибут не указан, принимается значение по умолчанию.

Для изменения цвета всех гиперссылок можно использовать в документе HTML свойства CSS. Они прописываются между парными тегами и , указанными между обязательными тегами и . Свойства задаются через селектор A: посредством псевдокласса visited, определяющего цвет посещенных ссылок, active, указывающего цвет активных ссылок, или hover, задающего цвет ссылок при наведении на них курсора мыши.

Если возникает необходимость изменить цвет отдельной ссылки, а не всех сразу, следует использовать атрибут style для тега , подключив таким образом стили к определенному тегу. Значением атрибута в данном случае является свойство color, синтаксис написания таков: , то есть можно использовать любой из четырех методов указания цвета.

Оцените статью!