Как изменить цвет ссылок на веб-странице

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

Чаевые

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

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

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

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

Чаевые

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

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

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

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

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

Пример тега HTML

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

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

ТЕКСТ = Цвет текста.
LINK = цвет ссылок.
VLINK = Цвет посещенной ссылки.
ALINK = Цвет активной ссылки или цвет, на который ссылка изменяется при нажатии.
BGCOLOR = Цвет фона страницы.

Ссылка на основную публикацию