Skip to main content

Переопределить цвета ссылок по умолчанию в веб-браузере с помощью CSS

ВСЁ, что нужно знать о CSS свойствах начинающему верстальщику. Основные свойства css (Июнь 2025)

ВСЁ, что нужно знать о CSS свойствах начинающему верстальщику. Основные свойства css (Июнь 2025)
Anonim

Все веб-браузеры используют цвета по умолчанию для ссылок, если веб-дизайнер не устанавливает их. Они есть:

  • Цвет ссылки по умолчанию
  • Активный цвет ссылки (когда мышь нажата и удерживается по ссылке)
  • Следующий цвет ссылки (когда ссылка была нажата ранее)

Кроме того, в то время как большинство веб-браузеров по умолчанию не меняют, вы также можете определить цвет наведения - цвет ссылки, когда мышь удерживается над ним.

Использование CSS для изменения цветов ссылок

Чтобы изменить эти цвета, используйте каскадную таблицу стилей. Самый простой способ изменить цвет ссылки - это стиль тега:

a {цвет: черный; }

С помощью этого CSS некоторые браузеры изменят все аспекты ссылки (активный, последовательный и зависающий) на черный, в то время как другие изменят только цвет по умолчанию.

Использование псевдо-классов CSS для изменения всех частей ссылки

Псевдо-класс представлен в CSS с двоеточием (:) перед именем класса. Четыре псевдокласса влияют на ссылки:

Чтобы изменить цвет ссылки по умолчанию:

a: link {color: red; }

Чтобы изменить активный цвет:

a: active {color: blue; }

Чтобы изменить цвет следующей ссылки:

a: visited {color: purple; }

Чтобы изменить мышь над цветом:

a: hover {color: green; }

Соображения

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