146 votes

Comment supprimer le soulignement d'un lien en HTML ?

Dans ma page, j'ai mis quelques liens sous lesquels je ne veux pas de ligne, donc, comment puis-je supprimer cela en utilisant HTML ?

59voto

John Conde Points 102874

Cela supprimera tous les soulignements de tous les liens :

a {text-decoration: none; }

Si vous avez des liens spécifiques auxquels vous souhaitez appliquer ceci, donnez-leur un nom de classe, comme nounderline et faites ceci :

a.nounderline {text-decoration: none; }

Cela ne s'appliquera qu'à ces liens et laissera tous les autres intacts.

Ce code appartient au <head> de votre document ou à une feuille de style :

<head>
    <style type="text/css">
        a.nounderline {text-decoration: none; }
    </style>
</head>

Et dans le corps :

<a href="#" class="nounderline">Link</a>

19voto

Roman Points 360

Je suggère d'utiliser :hover pour éviter de souligner si le pointeur de la souris est au-dessus d'un point d'ancrage

a:hover {
   text-decoration:none;
}

7voto

bfrohs Points 9092
  1. Ajoutez ceci à votre feuille de style externe (préférée) :

    a {text-decoration:none;}
    
  2. Ou ajoutez ceci au <head> de votre document HTML :

    <style type="text/css">
     a {text-decoration:none;}
    </style>
    
  3. Ou ajoutez-le à l'élément a lui-même (non recommandé) :

    <!-- Add [ style="text-decoration:none;"] -->
    <a href="http://example.com" style="text-decoration:none;">Text</a>
    

5voto

Joe Golton Points 211

Les autres réponses mentionnent toutes la décoration textuelle. Parfois, vous utilisez un thème Wordpress ou le CSS de quelqu'un d'autre où les liens sont soulignés par d'autres méthodes, de sorte que la décoration de texte : aucun ne désactive le soulignement.

Border et box-shadow sont deux autres méthodes que je connais pour souligner les liens. Pour les éteindre :

border: none;

et

box-shadow: none;

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X