Връзките се използват за свързване на една страница с други уеб страници. Връзки със същите цвят тъй като останалата част от текста е трудно забележима. Свойството цвят на CSS се използва за промяна на цвета на връзките.
Използвайки CSS, можем да стилизираме връзките по различни начини. Можем да зададем някои състояния на хипервръзката, които са както следва:
| a: активен | Използва се за добавяне на стил към активен елемент. |
| a:задръжте | Той добавя специални ефекти към елемент, когато потребителят премести показалеца на мишката върху елемента. |
| a: връзка | Добавя стил към непосетената връзка. |
| a: посетен | Добавя стил към посетената връзка. |
Трябва да се отбележи, че в дефиницията на CSS, a:задръжте трябва да дойде след това 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> Тествайте сега Изход
Когато програмата се изпълни, ще получим следния екран.
При задържане връзката ще изглежда по следния начин:
Когато връзката е в активно състояние, тогава цветът на връзката е червен, както е показано по-долу.
