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 :
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) :
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>
Notre vidéo
Merci à Ssylvainsab pour cette astuce !
Cet article est régulièrement mis à jour par des experts sous la direction de Jean-François Pillou, fondateur de CommentCaMarche et directeur délégué au développement numérique du groupe Figaro.
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 :
