aide gratuite page perso Accueil  | Internet | Informatique | Créer sa page persoGlossaireMenu | CSS
www.aidenet.com

 

CSS
Feuilles de style
Test 4 des liens
"focus"

Page - 19c/4 www.aidenet.com

 

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.

 

lien d'essai

lien d'essai

lien d'essai



Généralités liens Liens avec ancres Soulignement ou pas Exemples Lien avec focus

 

 aide gratuite

Tous droits réservés © 1997- 2005. www. aidenet.com

 

validateur HTML  validateur CSS