<p>Vous pouvez contrôler la couleur des liens en utilisant les attributs de
la balise 'body'. C'est d'ailleurs obligatoire lorsque vous modifiez la couleur de
fond de votre page, pour que les liens soient visibles quels que soient les réglages
du browser de votre visiteur.
<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff00ff">
L'exemple ci-dessus donne une page avec un fond blanc et les couleurs par défaut
des liens dans les trois états : non visité (link), visité (link) et actif (alink).
L'état 'actif' correspond au moment où vous avez appuyé sur le lien avec la souris,
mais vous n'avez pas encore relâché le bouton.
Cette méthode permet d'avoir tous les liens d'une page avec les mêmes couleurs.
En utilisant les styles, vous pouvez parmétrer plus finement la couleur de vos
liens (par exemple pour utiliser des couleurs différentes dans des tables avec des
fonds de couleurs différentes.
<style type="text/css">
<!--
a:link {color: blue}
a:visited {color: purple}
a:active {color: fuschia}
a:hover {color: red}
-->
</style>
On retrouve dans l'exemple ci-dessus les mêmes couleurs que précédemment. Un
ajout : le lien prendra la couleur rouge lorsque la souris passera au
dessus de lui (attribut 'hover').
Si l'on veut avoir une autre série de couleurs, on la défini pour une classe
donnée :
<style type="text/css">
<!--
a.table:link {color: blue}
a.table:visited {color: purple}
a.table:active {color: fuschia}
a.table:hover {color: red}
-->
</style>
On définira les liens qui utiliseront ces définitions comme étant de classe 'table' :
<a class="table"...>
|
Astuces 
