Niveau intermédiaire :afficher 2 styles de liens sur une meme page.

Première étape, créér votre feuille de style.

Créér le premier style de lien

.area1 a:link {
color: #FF0000;
text-decoration: none;
}
.area1 a:visited {
color: #000000;
text-decoration: none;
}
.area1 a:hover {
color: #0000CC;
text-decoration: underline;
}
.area1 a:active {
color: #FF0000;
text-decoration: none;
}

puis créér le second style de lien :

.area2 a:link {
color:#0000C0;
text-decoration: underline;
}
.area2 a:visited {
color: #FF0000;
text-decoration: underline;
}
.area2 a:hover {
color: #CCCCCC;
background-color: #000000;
text-decoration: none;
}
.area2 a:active {
color: #000000;
text-decoration: underline;
}

dernière étape : appliquer ces différents liens sur la page :
ex.:
<td class="area1"> ........</td>
<td class="area2"> ........</td>

Retour aux tutoriaux intermédiaire.