Svi web preglednici koriste zadane boje za veze ako im web dizajner ne postavlja. Oni su:
- Boja zadane veze
- Boja aktivne veze (kada kliknete mišem i zadržite ga preko veze)
- Slijedila je boja veze (kada je veza prethodno kliknuta)
Osim toga, iako većina web preglednika to ne mijenja prema zadanim postavkama, možete odrediti i hover boju - boju koja je veza kada se miša drži iznad nje.
Koristite CSS za promjenu boje veze
Da biste promijenili te boje, upotrijebite Cascading Style Sheet. Najlakši način za promjenu boje veze jest stiliziranje oznake:
a {boja: crna; }
Pomoću ovog CSS-a neki će preglednici promijeniti sve aspekte veze (aktivno, praćeno i zadržavanje pokazivača) na crnu boju, dok će drugi promijeniti zadanu boju.
Koristite CSS Pseudo-klase da biste promijenili sve dijelove veze
Pseudo-klasa zastupljena je u CSS s dvotočkom (:) prije naziva klase. Četiri pseudo-klase utječu na veze:
Promjena boje zadane veze:
a: link {boja: crvena; }
Da biste promijenili aktivnu boju:
a: aktivno {boja: plava; }
Da biste promijenili boju povezane veze:
a: posjetio {boja: ljubičasta; }
Da biste promijenili boju miša iznad:
a: zadržite se {color: green; }
Razmatranja
Izbjegavajte prepisivanje boja zadanih veza kako bi veze lakše pronašli. Na primjer, mijenjanje veze do vrlo svijetle boje u bijeloj pozadini negativno će utjecati na posjetitelje s oštećenjem vida. Ciljajte zasebne boje za aktivne i sljedeće veze, kako biste osigurali da se posjetitelji web mjesta ne zbune oko stranica koje su posjetili.