Povezave se uporabljajo za povezovanje ene strani z drugimi spletnimi stranmi. Povezave z istim barva saj je ostalo besedilo težko opaziti. Barvna lastnost CSS se uporablja za spreminjanje barve povezav.
Z uporabo CSS lahko povezave oblikujemo na različne načine. Nastavimo lahko nekaj stanj hiperpovezave, ki so naslednja:
| a: aktivno | Uporablja se za dodajanje sloga aktivnemu elementu. |
| a:lebdenje | Elementu doda posebne učinke, ko uporabnik premakne kazalec miške nad element. |
| a: povezava | Neobiskani povezavi doda slog. |
| a: obiskal | Obiskani povezavi doda slog. |
Opozoriti je treba, da je v definiciji CSS a:lebdenje mora priti po a: povezava in a: obiskal in tudi a: aktivno mora priti po a:lebdenje da bi bili učinkoviti.
Vrstni red deklariranja stanj hiperpovezave je podan na naslednji način:
a:link {color: lightblue;} a:visited {color: #060235} a:hover {color: #FCFC0C} a:active {color: #C0F0FC} Če želite spremeniti barvo povezave, moramo uporabiti barva last CSS. Ime barve je lahko podano v kateri koli veljavni obliki, kot je ime barve, vrednost rgb() ali vrednost HEX.
Zdaj pa si poglejmo, kako nastaviti barvo povezav z uporabo nekaj primerov.
Primer
Privzeto je barva običajnih ali neobiskanih povezav modra. V tem primeru spreminjamo privzeto barvo povezave z uporabo barva premoženje.
a{ color: brown; } <p> The text <b>javaTpoint.com</b> in the above line is the hyperlink. </p> Preizkusite zdaj Izhod
Ko se program izvede, bomo dobili naslednji zaslon.
Ko lebdite, bo povezava videti takole:
Ko je povezava v aktivnem stanju, je barva povezave rdeča, kot je prikazano spodaj.
