Posez votre question »

Enlever le soulignement sous les liens en HTML/CSS

Avril 2015

Par défaut, les liens hypertextes en HTML sont soulignés, un trait de la couleur du lien apparaît en dessous du texte. Il est possible de supprimer ce soulignement à l'aide de la propriété CSS text-decoration:none :

Grâce au CSS


Pour ce faire, il suffit de définir le code CSS suivant dans votre code HTML :
<style type="text/css"> 
a:link 
{ 
 text-decoration:none; 
} 
</style>


Notez que la pseudo-classe :link permet de ne cibler que les liens hypertextes (<a href="">) et non les ancres (<a name="">). Vous pouvez toutefois vous en passer si vous le souhaitez.

Grâce au CSS via une classe


Si vous désirez que ce style ne s'applique qu'à certains liens, il vous suffit par exemple de définir une classe spécifique pour les liens non soulignés (par exemple la classe nounderline) :
<style type="text/css"> 
a.nounderline:link 
{ 
 text-decoration:none; 
} 
</style>


Puis, lors de l'écriture du lien, de faire référence à cette classe :

<a href="/" class="nounderline">Texte du lien</a>

Grâce au CSS en ligne


Enfin, si vous ne souhaitez pas définir de feuille de style, vous pouvez tout simplement définir le style en ligne à l'aide de l'attribut style, de la manière suivante :

<a href="/" style="text-decoration:none">Texte du lien</a>


Merci à Ssylvainsab pour cette astuce !
Pour une lecture illimitée hors ligne, vous avez la possibilité de télécharger gratuitement cet article au format PDF :
Enlever-le-soulignement-sous-les-liens-en-html-css.pdf

Réalisé sous la direction de , fondateur de CommentCaMarche.net.

A voir également

Dans la même catégorie

Quitar el subrayado de los enlaces en HTML/CSS
Par Carlos-vialfa le 23 novembre 2012
Publié par Jeff.
Ce document intitulé «  Enlever le soulignement sous les liens en HTML/CSS  » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.