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>
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.
Retour "Liens hypertexte en CSS"
