HTML Ссылки - Разные цвета
HTML ссылка отображается в другом цвете в зависимости от того, посещали её, не посещали или ссылка активна.
HTML Цвета ссылки
По умолчанию ссылки будут отображаться так (во всех браузерах):
- Непосещённая ссылка подчеркнута, синим цветом
- Посещённая ссылка подчеркнута, фиолетовым цветом
- Активная ссылка подчёркнута, красным цветом
Вы можете изменить цвета состояния ссылки, используя CSS:
Пример
Здесь неиспользованная ссылка будет зеленым без подчеркивания. Просмотренная будет розовым цветом, без подчеркивания. Ссылка будет желтой и подчеркнутой. Кроме того, при наведении курсора на ссылку (a:hover) она становится красной и подчеркнутой:
<style>
a:link {
color: green;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: pink;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: red;
background-color: transparent;
text-decoration: underline;
}
a:active {
color: yellow;
background-color: transparent;
text-decoration: underline;
}
</style>
Попробуйте сами »
Кнопки ссылки
Ссылку также можно оформить как кнопку с помощью CSS:
Это ссылкаПример
<style>
a:link, a:visited {
background-color: #f44336;
color: white;
padding: 15px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
a:hover, a:active {
background-color: red;
}
</style>
Попробуйте сами »
Чтобы узнать больше о CSS, перейдите к CSS Учебнику на нашем сайте W3Schools на русском.
HTML Теги ссылки
| Тег | Описание |
|---|---|
| <a> | Определяет гиперссылку |
Полный список всех доступных HTML тегов можно просмотреть в HTML Справочнике тегов на нашем сайте W3Schools на русском.
