Зміст:
Одним з основних елементів гіпертексту є посилання, що є невід'ємною частиною всіх веб-сторінок. Контрастний та привабливий колір посилань може значно підвищити зручність використання сайту та привернути увагу користувачів.
Змінити колір посилань у HTML можна за допомогою CSS. Простим кодуванням внутрішньоелементного елемента або застосуванням зовнішніх стилів можна домогтися зміни кольору посилань.
Для цього необхідно вказати властивість "color" і вибрати потрібний колір CSS. Колір можна встановити у шестикутній системі, використовуючи шістнадцяткові коди кольорів, також можна вказати назву кольору.
Зміна кольору посилань допоможе створити стильну та впізнавану графічну ідентифікацію веб-сторінки та зробити її більш привабливою для користувачів.
Селектор | Опис | приклад |
---|---|---|
селектор елемент | Вибирає елементи за назвою тега | a { color: blue; } |
селектор класу | Вибирає елементи за класом | .example { color: red; } |
селектор ідентифікатора | Вибирає елементи за ідентифікатором | #link { color: green; } |
селектор псевдокласу | Вибирає елементи у певному стані | a:hover { color: orange; } |
селектор псевдоелемента | Вибирає певні частини елемента | p::first-line { color: purple; } |
комбінований селектор | Вибирає елементи, що відповідають комбінації селекторів | a.example { color: pink; } |
Як змінити колір посилання в HTML?
Для зміни кольору посилання слід використовувати атрибут style="color: #rrggbb" у тезі <a>, де #rrggbb – колір у шістнадцятковому поданні.
Як змінити колір активного посилання?
Щоб змінити колір посилань для всього сайту, перейдіть до Налаштування сайту → вкладка Шрифти та кольори → додайте потрібний колір у поле Link color.
Як змінити колір тексту посилання?
Щоб змінити колір тексту переглянуте гіперпосилання, клацніть стрілку поруч із полем Переглянуте гіперпосилання, а потім виберіть потрібний колір.
Як змінити колір підкреслення посилання CSS?
Змінити колір підкреслення посилання ми можемо за допомогою CSS властивості text-decoration-color .
Залишити відповідь