Aidenet.com  Aide informatique et nouvelles technologies
Accueil Télécharger
Actualités Boutique
Dossiers Forum
Encyclopédie Annuaire
 Créer son site
 
Accueil / Sommaire
CSS : tutoriel complet
Javascript : tutoriel
Réferencement
Les images
Les tableaux
Créer son blog
Couleur Héxa
 Internet
Accueil / Sommaire
 Informatique
Accueil / Sommaire
 Photo numérique
Accueil / Sommaire
 Logiciels
Windows XP
Skype
Claris Home Page
FTP Expert
Filezilla
Cute FTP
WinZip
 Aide
Index du site
Plan du site
Dico Anglais / FR.
Vocabulaire info.
Glossaire
Tags HTML
Liste extensions
Vocabulaire SMS
 Partenaires

  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



 

 aide gratuite

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

 

validateur HTML  validateur CSS
Google
 
DERNIERS MESSAGES DU FORUM
probleme creation d'un site [HTML / CSS / Javascript]
Probleme pour affichage de mon menu entre FF et IE [HTML / CSS / Javascript]
afficher masquer un div en javascript [HTML / CSS / Javascript]
extenxsion .exe sur mac [A l'aide !]
Création d'un site Web d'hébergement [HTML / CSS / Javascript]
menu [HTML / CSS / Javascript]
probleme [Internet]
Problème de reconnaissance de cartouches (impriman... [Péripheriques]
Plus de souris sur PC [Péripheriques]
sauvegarde win.vista [Portables]
Probleme site php [PHP / ASP]
Installation de webmin sur ubuntu pour serveur ded... [Linux]
choix [Appareils photos numériques]
ma cam est bloquée [Internet]
Je suis là! [Présentez-vous]
Tous les messages ici...
Toshiba Satellite A200-214
590 € Details
Apple iPhone
369 € Details
Airis PDA T620
195 € Details
 



Partenaires : Youpil |  DivertissonsNous |  Annuaire blog |  Live Messenger |  Logiciels photo |  Hébergeur d'images |  Meuble TV |  Videosduweb |  Blog Webmaster |  PSP |  Sorties cinéma
Tous droits réservés © 1997-2008. www.aidenet.com     Edité par FAPROD