Koodi

Tämä koodipätkä sijoitetaan <head> ja </head> sisälle.

<style media="screen" type="text/css" >
a:link { 
color: red; 
text-decoration: none;
}

a:visited {
color: blue;
text-decoration: overline; 
} 

a:hover {
color: green;
text-decoration: underline;
} 

a:active { color: violet; } 
a:focus { color: orange; }
</style>

Vaikutus

Näin pystytään vaikuttamaan sivulla esiintyvien hyperlinkkien muotoiluihin.

Klikkaile ja aktivoi hyperlinkkejä nähdäksesi ne eri värisenä ja muotoisena:

Hyperlinkki 1, Hyperlinkki 2, Hyperlinkki 3, Hyperlinkki 4, Hyperlinkki 5.