logo

Як змінити колір посилання в CSS?

Посилання використовуються для підключення однієї сторінки до інших веб-сторінок. Посилання на те саме колір оскільки решту тексту важко помітити. Властивість color CSS використовується для зміни кольору посилань.

Використовуючи CSS, ми можемо стилізувати посилання різними способами. Ми можемо встановити такі стани гіперпосилання:

a: активний Він використовується для додання стилю активному елементу.
a: наведення Він додає спеціальні ефекти до елемента, коли користувач наводить вказівник миші на елемент.
a: посилання Це додає стиль невідвіданому посиланню.
а: відвідав Це додає стиль відвіданому посиланню.

Слід зазначити, що у визначенні CSS, a: наведення має прийти після a: посилання і а: відвідав а також a: активний має прийти після a: наведення щоб бути ефективним.

Порядок оголошення станів гіперпосилання наступний:

 a:link {color: lightblue;} a:visited {color: #060235} a:hover {color: #FCFC0C} a:active {color: #C0F0FC} 

Щоб змінити колір посилання, ми повинні використовувати колір властивість CSS. Назву кольору можна вказати в будь-якому допустимому форматі, наприклад назву кольору, значення rgb() або значення HEX.

Тепер давайте подивимося, як встановити колір посилань, використовуючи кілька прикладів.

приклад

За замовчуванням звичайні або невідвідані посилання мають синій колір. У цьому прикладі ми змінюємо стандартний колір посилання за допомогою колір власність.

 a{ color: brown; } <p> The text <b>javaTpoint.com</b> in the above line is the hyperlink. </p> 
Перевірте зараз

Вихід

Коли програма буде виконана, ми отримаємо наступний екран.

Як змінити колір посилання в CSS

При наведенні курсору посилання матиме такий вигляд:

uml діаграма java
Як змінити колір посилання в CSS

Коли посилання в активному стані, колір посилання червоний, як показано нижче.

Як змінити колір посилання в CSS