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

 

CSS
Feuilles de style

Liens hypertextes
test n° 3

Page - 19c/3 www.aidenet.com

Retour "Liens hypertexte en CSS"


d'un lien hypertexte en noir, souligné = non visité, en violet s'il a été activé et en rouge et en grossissant le corps 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 ; }

a:visited { color: purple ; }

A:hover { color: red ; font-size: 11pt ; }

</style>

 

La déclaration "text-decoration:underline" dans cet exemple est optionnelle vu que le soulignement est apparent par défaut.

 

lien d'essai avec un résultat mitigé, car il provoque l'inconvénient de bouger le texte attenant au lien, du fait de son grossissement, si on place une trop grosse différence de corps entre le texte du contenu et le lien. A surveiller de près au montage.

lien d'essai

lien d'essai

 

 

Retour "Liens hypertexte en CSS"

Sommaire CSS

 

 aide gratuite

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

validateur HTML  validateur CSS