Généralités liens | Liens avec ancres | Soulignement ou pas | Exemples | Lien avec focus |
d'un lien hypertexte en noir, souligné = non visité, en violet s'il a été activé et en rouge avec fond jaune lorsque vous le survolez ou le cliquez avec le pointeur de la souris.
Les "pseudo-classes" bénéficient des règles d'héritage.
Code placé dans HEAD ou fichier externe
<style type="text/css">
body { font-family: verdana, sans-serif ; font-size: 10pt ; color: black ; text-align:justify ; background-color: #FFFFFF; }
a:link { color:black ; text-decoration:underline ; font-weight: bold ; }
a:visited { color:purple ; font-weight: bold ; }
a:hover { color:red ; text-decoration: none ; background-color:yellow ; }
</style>
La déclaration "text-decoration:underline" dans cet exemple est optionnelle vu que le soulignement est apparent par défaut.
Si vous survolez doucement sans cliquer un lien de cette page, vous obtenez des résultats (indépendants quant à leurs valeurs) qui s'additionnent.
Vous héritez du texte rouge de "hover" et en supplément se manifeste le fond couleur jaune de "focus:hover". Et le soulignement n'apparaît plus.
Généralités liens | Liens avec ancres | Soulignement ou pas | Exemples | Lien avec focus |