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
DERNIERS MESSAGES DU FORUM
besoin d'aide sur une page de code merci [HTML / CSS / Javascript]
Petit problème d'affichage à résoudre à partir d'u... [HTML / CSS / Javascript]
Création d'un logo [Présentez-vous]
Probleme Presario S3190fr [PC bureau]
Aide Implémentation CSS - recherche partenaire [HTML / CSS / Javascript]
Internet explorer ne peut pas afficher page web [A l'aide !]
les liens de la page ne fonctionnent pas [Internet]
probleme de creation d une page web [Internet]
Trouver le mieux à vos pièces d'automobiles [Autre]
Problèmes avec Word: fichiers illisibles [Mac]
GIMP [Logiciels]
J'ai l'impression d'avoir fait ce qu'il fallait et... [HTML / CSS / Javascript]
image de bouton de fermeture on lue par IE [HTML / CSS / Javascript]
intégration d'un bouton de fermeture à une image [HTML / CSS / Javascript]
Création d'un formulaire avec NVU ??? [HTML / CSS / Javascript]
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 Test QI - Test QI gratuit
Tous droits réservés © 1997-2008. www.aidenet.com