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 українською.
