Linkin värin muuttaminen vierailijan siirtäessä hiiren osoittimen linkin päälle auttaa osoittamaan, mitä web-sivullasi tai blogissasi voi napsauttaa. Muuta sivujesi linkin väriä, lisää alla oleva koodi HTML-koodisi
-osaan tai verkkosivusi CSS-koodiin.Alla oleva esimerkki kertoo, kuinka voit muuttaa verkkosivusi linkin ominaisuuksia CSS:ssä. Jos haluat muuttaa linkin väriä siirtäessäsi hiirtä linkin päälle, tarvitset vain A:hover-viivan.
<style type="text/css">
A:link { COLOR: black; TEXT-DECORATION: none; font-weight: normal }
A:visited { COLOR: black; TEXT-DECORATION: none; font-weight: normal }
A:active { COLOR: black; TEXT-DECORATION: none }
A:hover { COLOR: blue; TEXT-DECORATION: none; font-weight: none }
</style>
leijuu – Hover-vaihtoehto on väri, johon teksti muuttuu, kun hiiri on linkin päällä. Tässä esimerkissä linkki muuttuu siniseksi, kun hiiren osoitin on linkin päällä.
Kärki
Tämä CSS-koodi voidaan myös lisätä ulkoiseen CSS-tiedostoon ladattavaksi jokaiselle verkkosivulle.
