Toate browserele Web au culori implicite pe care le folosesc pentru link-uri dacă designerul Web nu le-a setat. Sunt:
- Culoarea implicită a linkului.
- Culoarea link-ului activ (când mouse-ul este apăsat și menținut peste link).
- Următoarea culoare a link-ului (când link-ul a fost apăsat anterior).
În plus, în timp ce majoritatea browserelor Web nu o schimbă în mod implicit, puteți defini și culoarea hover - culoarea pe care este legată atunci când mouse-ul este ținut peste el.
Utilizați CSS pentru a schimba culorile de legătură
Pentru a schimba aceste culori, folosiți CSS (există unele atribute HTML depreciate pe care le puteți utiliza, de asemenea, dar nu recomand să folosiți ceva depreciat). Cea mai ușoară modalitate de a schimba culoarea linkului este de a stiliza eticheta :
a {culoare: negru; }Cu acest CSS, unele browsere vor schimba toate aspectele legate de link (active, urmate și hover) în negru, în timp ce altele vor schimba culoarea implicită.
Utilizați pseudo-clase CSS pentru a schimba toate părțile unei legături
O pseudo-clasă este reprezentată în CSS cu un colon (:) înainte de numele clasei . Există patru pseudo-clase care afectează legăturile:
Pentru a modifica culoarea implicită a linkului:
a: link {culoare: roșu; }Pentru a schimba culoarea activă:
a: activ {culoare: albastru; }Pentru a schimba culoarea de link urmată:
a: vizitat {culoare: violet; }Pentru a schimba mouse-ul peste culoare:
a: hover {culoare: verde; }