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 ?
Réponses
Trop de publicités?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>
-
Ajoutez ceci à votre feuille de style externe (préférée) :
a {text-decoration:none;}
-
Ou ajoutez ceci au
<head>
de votre document HTML :<style type="text/css"> a {text-decoration:none;} </style>
-
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>
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;