Linkin värin muuttaminen, kun kävijä siirtää linkin päälle, on loistava tapa auttaa osoittamaan, mitä napsautettavaa Web-sivulla tai blogissa on. Jotta sivusi linkkivärien muutos toteutettaisiin alla olevan koodin osaksi HTML- tai Web-sivusi CSS-koodiin.

Alla oleva esimerkki on Web-sivusi linkkien ominaisuuksien muuttaminen CSS: ssä. Jos haluat muuttaa linkin väriä, kun siirrät hiirtä linkin yli, tarvitset vain A: hover-rivin.

 A: linkki {COLOR: musta; TEXT-DECORATION: ei; font-weight: normal} A: vieraili {COLOR: musta; TEXT-DECORATION: ei; font-weight: normal} A: aktiivinen {VÄRI: musta; TEXT-DECORATION: ei mitään} 
A: hover {COLOR: sininen; TEXT-DECORATION: ei; font-weight: none}

hover - Hover-vaihtoehto on väri, jonka teksti muuttuu, kun hiiri on linkin yläpuolella. Tässä esimerkissä linkki muuttuu siniseksi väriksi, kun hiiren kohdistin siirtyy linkin yli.

Vihje: Tämä CSS-koodi voidaan lisätä myös ulkoiseen CSS-tiedostoon, joka voidaan ladata jokaiselta verkkosivulta.