Supprimer le soulignement sous les liens en HTML / CSS

Par défaut, les liens hypertexte HTML sont soulignés. Toutefois, si vous souhaitez désactiver cette fonctionnalité et afficher vos liens hypertexte sous forme de texte non souligné, vous pouvez le faire en utilisant le CSS .

Cet article vous guidera à travers les étapes nécessaires.

• Afficher les liens non soulignés à l'aide de CSS
• Afficher les liens non soulignés à l'aide de CSS via une classe
• Afficher les liens non soulignés à l'aide de CSS Online

Afficher les liens non soulignés à l'aide de CSS

Pour supprimer le soulignement des liens HTML, entrez simplement le code suivant dans le CSS:

a.nounderline: link
{
texte-décoration: aucun;
}

NB Pseudo-class: link vous permet de cibler uniquement les hyperliens () et les ancres () et n'est pas obligatoire.

Afficher les liens non soulignés à l'aide de CSS via une classe

Si vous souhaitez que le style s'applique à des liens particuliers, définissez simplement une classe spécifique pour les liens que vous souhaitez ne pas souligner. Vous pouvez le faire en utilisant le code suivant:

a.nounderline: link
(
Texte-décoration: aucun;
)
a.nounderline: link
{
texte-décoration: aucun;
}

Afficher les liens non soulignés à l'aide de CSS Online

Enfin, si vous ne souhaitez pas définir de feuille de style, vous pouvez simplement définir le style en ligne avec l'attribut de style suivant:

 Texte du lien 

Image: © Yuriy Vlasenko - Shutterstock.com