Comment supprimer le soulignement des hyperliens en utilisant CSS ?

Pour supprimer le soulignement des hyperliens en utilisant CSS, vous pouvez utiliser la propriété CSS text-decoration avec la valeur none.

La réponse correcte à cette question est donc : a {texte-décoration:aucun}.

Le code complet ressemblerait à ceci :

a {
    texte-décoration: aucun;
}

Cela signifie que tous les hyperliens (a) de votre page web n'auront aucun soulignement. La propriété text-decoration est généralement utilisée pour définir le soulignement, le tracé à travers le texte (comme dans un texte de grève), et le texte de surbrillance. L'utilisation de la valeur none supprime ces décorations.

Exemple pratique

Considérons un exemple de code HTML avec des hyperliens :

<a href="http://www.example.com">Example Link 1</a>
<a href="http://www.example.com">Example Link 2</a>

En appliquant le style CSS mentionné précédemment sur ces liens, vous obtiendrez des liens sans soulignement.

Bonnes pratiques

Bien que supprimer le soulignement des liens puisse rendre une page web plus propre ou stylisée à votre goût, il est recommandé de garder le soulignement des liens pour les raisons d'accessibilité. Le soulignement des hyperliens aide les utilisateurs à distinguer les liens du reste du texte, en particulier pour les personnes atteintes de daltonisme.

Il est également préférable de fournir d'autres indications visuelles qu'un texte est un lien, comme une couleur différente ou un changement de couleur au survol, particulièrement si vous décidez de supprimer le soulignement.