Odkazy sa používajú na prepojenie jednej stránky s inými webovými stránkami. Odkazy s tým istým farba pretože zvyšok textu je ťažké si všimnúť. Vlastnosť color CSS sa používa na zmenu farby odkazov.
Pomocou CSS môžeme odkazy upravovať rôznymi spôsobmi. Môžeme nastaviť niektoré stavy hypertextového odkazu, ktoré sú nasledovné:
| a:aktívny | Používa sa na pridanie štýlu aktívnemu prvku. |
| a:vznášať sa | Pridáva špeciálne efekty k prvku, keď používateľ presunie kurzor myši nad prvok. |
| odkaz | Nenavštívenému odkazu dodáva štýl. |
| a:navštívené | Navštíveným odkazom dodáva štýl. |
Je potrebné poznamenať, že v definícii CSS, a:vznášať sa musí prísť potom odkaz a a:navštívené a tiež a:aktívny musí prísť po a:vznášať sa aby boli účinné.
Poradie deklarovania stavov hypertextového odkazu je uvedené takto:
a:link {color: lightblue;} a:visited {color: #060235} a:hover {color: #FCFC0C} a:active {color: #C0F0FC} Ak chcete zmeniť farbu odkazu, musíme použiť farba vlastnosť CSS. Názov farby môže byť uvedený v akomkoľvek platnom formáte, ako je napríklad názov farby, hodnota rgb() alebo HEX hodnota.
Teraz sa pozrime, ako nastaviť farbu odkazov pomocou niekoľkých príkladov.
Príklad
Štandardne je farba normálnych alebo nenavštívených odkazov modrá. V tomto príklade meníme predvolenú farbu odkazu pomocou farba nehnuteľnosť.
a{ color: brown; } <p> The text <b>javaTpoint.com</b> in the above line is the hyperlink. </p> Vyskúšajte to Výkon
Keď sa program spustí, dostaneme nasledujúcu obrazovku.
Po umiestnení kurzora myši bude odkaz vyzerať takto:
Keď je odkaz v aktívnom stave, farba odkazu je červená, ako je znázornené nižšie.
