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 Учебник.
HTML Тег ссылка
| Тег | Описание |
|---|---|
| <a> | Определяет гиперссылку |
Для получения полного списка всех доступных HTML тегов посетите HTML Справочник тегов.