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

Совет: при определении цвета любого элемента веб-страницы может потребоваться использование цветовых кодов HTML. Для основных цветов можно также указать имена этих цветов вместо использования цветовых кодов, например, красного, синего, зеленого и черного, вместо использования их соответствующих значений цветовых кодов.

Понимание различных типов гиперссылок

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

1. Посещенная ссылка - цвет после посещения ссылки. Если гиперссылка имеет этот цвет, пользователь может ожидать, что, щелкнув по ссылке, он перейдет на страницу, которую он уже видел.
2. Ссылка при наведении курсора - цвет, когда курсор мыши находится над ссылкой. Если гиперссылка имеет этот цвет, пользователь может ожидать, что нажатие левой кнопки мыши (нажатие), а затем отпускание кнопки приведет к посещению ссылки. Цвет наведения одинаков как для активных, так и для посещенных ссылок.
3. Активная ссылка - цвет ссылки при нажатии. Когда пользователь видит этот цвет, он может ожидать, что нажатие кнопки мыши приведет к тому, что браузер перейдет по ссылке.

Подсказка. См. Определение гиперссылки для получения дополнительной информации и связанных с этим вопросов к гиперссылкам.

Пример цвета ссылки CSS

В приведенном ниже примере CSS мы устанавливаем цвета гиперссылок, чтобы они напоминали то, что показано на этой странице. Во-первых, для всех якорей установлен цвет # 2c87f0 (оттенок синего), цвет # 636 - оттенок пурпурного, а цвет всех парящих и активных ссылок: # c33 (красный). Приведенный ниже код можно добавить в элемент стиля CSS или в свой файл .css.

 a {color: # 2c87f0; } a: посещал {цвет: # 636; } a: hover, a: active, a: focus {color: # c33; } 

Если ваша страница не использует CSS или вы не хотите конвертировать в CSS, ниже приведены инструкции о том, как сделать это в теге BODY в коде HTML. Однако, как упоминалось ранее, мы настоятельно рекомендуем использовать вышеуказанный код CSS вместо тега body. Вы можете добавить приведенный выше код в файл CSS и связать все свои веб-страницы с этим файлом CSS. Затем вы можете изменить значения цвета фона в этом одном файле CSS, чтобы мгновенно изменить цвет фона всех страниц, ссылающихся на него.

Пример тега HTML

В некоторых очень редких ситуациях использование CSS может оказаться невозможным. Для этих ситуаций вы также можете определить цвет фона, цвет текста, цвет ссылки и другие значения в теге HTML-тела, как показано ниже.

Ниже приведены описания каждого из атрибутов HTML в теге body.

ТЕКСТ = Цвет текста.

LINK = цвет ссылок.

VLINK = Цвет посещенной ссылки.

ALINK = Цвет активной ссылки или цвет, на который ссылка изменяется при нажатии.

BGCOLOR = Цвет фона страницы.