Главная » Вебмастеру » Как задать цвет активной ссылки?
Вторник, Март 12th, 2019

Как задать цвет активной ссылки?

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

В примере 1 показано использование псевдокласса :active, при этом для активных ссылок задаётся цвет фона и текста, а также убирается подчёркивание.

Читайте также »   Как сделать нумерованный список?

Пример 1. Цвет активной ссылки

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Цвет ссылки</title>
<style>
a:active {
background-color: #7D9B3D; /* Цвет фона */
color: #FFF; /* Цвет текста */
text-decoration: none; /* Убираем подчёркивание */
}
</style>
</head>
<body>
<p><a href="#">Ссылка для примера</a></p>
<p><a href="#">Ещё ссылка</a></p>
</body>
</html>

Результат данного примера продемонстрирован на рис. 1.

Читайте также »   Как кнопку сделать ссылкой?

Как задать цвет активной ссылки?

Рис. 1. Изменение стиля активной ссылки

Источник