Содержание
Цвета ссылок HTML
❮ Предыдущая
Далее ❯
HTML-ссылка отображается другим цветом в зависимости от
был ли он посещен, не посещен или активен.
Цвета ссылок HTML
По умолчанию ссылка выглядит следующим образом (во всех браузерах):
- Непосещенная ссылка подчеркнута и окрашена в синий цвет
- Посещенная ссылка подчеркнута и окрашена в фиолетовый цвет
- Активная ссылка подчеркнута и окрашена в красный цвет
Вы можете изменить цвета состояния ссылки с помощью CSS:
Пример
Здесь непросмотренная ссылка будет зеленой без подчеркивания. Посещенная ссылка
будет розовым без подчеркивания. Активная ссылка будет выделена желтым цветом и подчеркнута.
Кроме того, при наведении мыши на ссылку (a:hover) она станет красной и подчеркнутой:
<стиль>
a:link {
цвет: зеленый;
background-color: прозрачный;
украшение текста: нет;
}
a:посетили {
цвет: розовый;
background-color: прозрачный;
текстовое оформление: нет;
}
a:hover {
цвет: красный;
background-color: прозрачный;
text-decoration: подчеркивание;
}
a:active {
цвет: желтый;
background-color: прозрачный;
оформление текста: подчеркивание;
}
Попробуйте сами »
Кнопки ссылок
Ссылку также можно оформить как кнопку с помощью CSS:
Это ссылка
Пример