Link-urile sunt folosite pentru a conecta o pagină la alte pagini web. Legături cu același culoare întrucât restul textului sunt greu de observat. Proprietatea de culoare a CSS este folosită pentru schimbarea culorii link-urilor.
Folosind CSS, putem stila link-urile în moduri diferite. Putem seta câteva stări ale hyperlinkului, care sunt după cum urmează:
| a:activ | Este folosit pentru a adăuga stil unui element activ. |
| a:hover | Adaugă efecte speciale unui element atunci când utilizatorul mută cursorul mouse-ului peste element. |
| o legătură | Acesta adaugă stil link-ului nevizitat. |
| a: vizitat | Adaugă stil unui link vizitat. |
Este de remarcat că în definiția CSS, a:hover trebuie să vină după o legătură și a: vizitat Si deasemenea a:activ trebuie să vină după a:hover pentru a fi eficient.
Ordinea declarării stărilor de hyperlink este dată după cum urmează:
a:link {color: lightblue;} a:visited {color: #060235} a:hover {color: #FCFC0C} a:active {color: #C0F0FC} Pentru a schimba culoarea link-ului, trebuie să folosim culoare proprietatea CSS. Numele culorii poate fi dat în orice format valid, cum ar fi numele culorii, valoarea rgb() sau valoarea HEX.
Acum, să vedem cum să setați culoarea linkurilor folosind câteva exemple.
Exemplu
În mod implicit, culoarea linkurilor normale sau nevizitate este albastră. În acest exemplu, schimbăm culoarea implicită a link-ului utilizând culoare proprietate.
a{ color: brown; } <p> The text <b>javaTpoint.com</b> in the above line is the hyperlink. </p> Testează-l acum Ieșire
Când programul este executat, vom obține următorul ecran.
Când treceți cu mouse-ul, linkul va arăta după cum urmează:
Când legătura este în stare activă, atunci culoarea linkului este roșie, așa cum se arată mai jos.
