Pour mettre une image dans un lien, on utilise le code
a{
background-image:url('../images/arriere-plan/underline1.gif');
background-repeat:repeat-x;
background-position:left bottom;
text-decoration:none;
} .
Et pour obtenir une autre image au survol on change le lien vers la background-image dans a:hover et a:focus :
a:hover, a:focus{
background-image:url('../images/arriere-plan/underline1-hover.gif'); /*pas besoin de redéfinir ce qu'on a défini dans le 'a'*/
} .
Et voici une ligne de texte relativement longue qui contient notre beau lien mis en forme et personnalisé avec du texte en plus.