Все веб-браузеры используют цвета ссылок по умолчанию, если веб-дизайнер их не устанавливает. Они есть:
- Цвет ссылки по умолчанию
- Цвет активной ссылки (при нажатии и удерживании мыши над ссылкой)
- Цвет следующей ссылки (когда ссылка была нажата ранее)
Кроме того, хотя большинство браузеров не изменяют это по умолчанию, вы также можете определить цвет при наведении курсора – цвет ссылки, когда мышь над ним удерживается.
Используйте CSS для изменения цвета ссылок
Чтобы изменить эти цвета, используйте каскадную таблицу стилей. Самый простой способ изменить цвет ссылки – стилизовать тег:
a {color: black; }
С помощью этого CSS некоторые браузеры изменят все аспекты ссылки (активной, отслеживаемой и наведенной) на черный, в то время как другие изменят только цвет по умолчанию.
Используйте псевдоклассы CSS, чтобы изменить все части ссылки
Псевдокласс представлен в CSS с двоеточием (:) перед именем класса. Четыре псевдокласса влияют на ссылки:
Чтобы изменить цвет ссылки по умолчанию:
a: link {color: red; }
Чтобы изменить активный цвет:
a: active {color: blue; }
Чтобы изменить цвет следующей ссылки:
a: посещения {цвет: фиолетовый; }
Чтобы навести указатель мыши на цвет:
a: hover {color: green; }
Соображения
Старайтесь не перезаписывать цвета ссылок по умолчанию, чтобы их было труднее найти. Например, изменение ссылки на очень светлый цвет на белом фоне отрицательно скажется на посетителях с нарушениями зрения. Также постарайтесь использовать разные цвета для активных цветов и ссылок, чтобы посетители не запутались в том, какие страницы они посетили.