Esempio di Css sui Links con piu' colori (uso delle classi)
Se si scarica o si guarda la pagina web cliccando su questo link: esempio Css sui Link con più colori
vedremo che ogni link ha un colore diverso.
Riportiamo qui sotto il codice html
<html>
<head>
<style type="text/css">
<!--
a.col1:link {color: #0000ff}
a.col1:visited {color: #ff0000}
a.col1:hover {color: #ffff00;font-size:40pt};
a.col2:link {color: #0000ff}
a.col2:visited {color: #ff0000}
a.col2:hover {color: #ff7500;font-size:40pt};
a.col3:link {color: #cc00cc}
a.col3:visited {color: #ff0000}
a.col3:hover {color: #00ff00;font-size:40pt};
a.col4:link {color: #0000ff}
a.col4:visited {color: #ff0000}
a.col4:hover {color: #8080ff;font-size:40pt}
-->
</style>
</head>
<body bgcolor="#000000" >
<center>
<h1><font color="green" size="50pt">.:Nike Online Store:.</font>
<br><br><br><br>
<br><br><a href="scarpe nike.html"
class="col1">Scarpe
Nike</a>
<br><br><a href="Maglie nike.html"
class="col2">Abbigliamento
Nike</a>
<br><br><a href="Dove siamo.html"
class="col3">Dove
siamo</a>
<br><br><a href="chi siamo.html"
class="col4">Chi
siamo</a>
</center>
</body>
<html>
Con l'uso delle classi si può personalizzare ogni singolo link.
Buon Lavoro !!!