Toate browserele Web utilizează culori implicite pentru linkuri dacă designerul Web nu le stabilește. Sunt:
- Culoarea implicită a linkului
- Culoarea link-ului activ (atunci când mouse-ul este apăsat și menținut peste link)
- Culoarea link-ului următor (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, utilizați o foaie de stil cascadă. 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. Patru pseudo-clase 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:
consideraţii
Evitați suprascrierea culorilor implicite ale legăturilor pentru a face mai greu să găsiți linkurile. De exemplu, schimbarea unui link către o culoare foarte deschisă pe un fond alb va afecta negativ vizitatorii cu deficiențe de vedere. Scopul pentru culori separate pentru culorile active și follow-link, de asemenea, pentru a se asigura că vizitatorii site-ului nu se confundă cu privire la paginile pe care le-au vizitat.
