Avec le CSS vous pouvez attribuer des couleurs différentes à la balise <a href=""></a>. Les couleurs peuvent être différentes selon si le lien à été visité, si la souris est positionné dessus ou si le lien est actif.

Il y a une règle à respecter. Dans votre feuille CSS vous devez mettre vos classes dans l'ordre suivant : Link Visited Hover Active. Un bon moyen de s'en rappeler est de penser au mot : LoVeHAte. Respectez cette règle et vos classes fonctionneront toujours.
Un exemple :

J'ai créé une page et je veux que mes liens de navigation soient :

Je ne veux pas que les liens soient soulignés.

Je veux :
Bleu : quand le lien n'a pas été visité
Rouge : quand le lien a été visité
Vert : quand on passe la souris au dessus
Bleu : quand le lien est activé.

Dans la feuille de style :

a.navigation:link
{
color:blue;
text-decoration:none;
}

a.navigation:visited
{
color:red;
}

a.navigation:Hover
{
color:green;
}

a.navigation:active
{
color:blue;
}

Ce qui donneras dans la page web :

Humour du web

 

Suivant