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>
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.