Maison > Article > interface Web > Comment supprimer le soulignement d’un lien hypertexte HTML ? Voici toutes les façons de supprimer le soulignement de la balise a
Comment supprimer le soulignement d’un lien hypertexte HTML ? Voici toutes les façons de supprimer le soulignement de la balise a
- 寻∝梦original
- 2018-09-03 17:25:5680666parcourir
Cet article explique comment supprimer le soulignement des hyperliens HTML. Il vous apprend à supprimer rapidement le soulignement des hyperliens HTML. Enfin, il y a des explications de code associées. Jetons un coup d'œil ensemble à cet article
<.>Tout d'abord, nous utilisons le style de base de CSS pour effectuer la méthode la plus simple de suppression du soulignement :
html une balise de lien hypertexte, certains navigateurs affichent le soulignement par défaut, et d'autres il y a pas de soulignement. La plupart des polices de la balise A du lien hypertexte d'ancrage sont soulignées. Comment supprimer le soulignement du lien hypertexte ? Comment supprimer le soulignement d’un lien hypertexte HTML ?Supprimer le soulignement du texte d'ancrage du lien hypertexte nécessite des attributs de style CSS :
text-decorationLa plupart du temps, nous connaissons : text-decoration :underline Oui, le soulignement est affiché.Supprimez le code de soulignement du lien hypertexte de la balise a en HTML :
text-decoration:none
a{text-decoration:none}Cela peut supprimer l'effet de soulignement des hyperliens dans la page Web. Si vous définissez uniquement ce code CSS, le soulignement ne sera pas supprimé lorsque la souris survolera le lien hypertexte et le soulignement ne sera pas affiché. Pour éviter les problèmes de compatibilité, si vous souhaitez que le lien hypertexte ne soit pas souligné lorsque la souris survole et clique, vous avez besoin du code CSS suivant : a:hover{text-decoration:none}Déplacez la souris sur le lien hypertexte afin que le soulignement ne soit pas affiché.
HTML complet pour supprimer le soulignement du lien hypertexte - Code de suppression du soulignement du lien hypertexte html :
a{ text-decoration:none}
a:hover{ text-decoration:none}Regardez un exemple de code complet : <!DOCTYPE html>
<html>
<head>
<meta charset=utf-8" />
<title>PHP中文网：取消下划线实例</title>
<style>
a{text-decoration:none}
a:hover{text-decoration:none}
</style>
</head>
<body>
欢迎来到<a href=“www.php.cn”>php中文网</a>
</body>
</html> Jetons un coup d'œil au rendu de ceci dans le navigateur :
Il existe également le code suivant concernant les soulignements, dont vous pourriez avoir besoin :
Les hyperliens 1.html affichent les soulignements par défaut, et les soulignements disparaissent lorsque la souris est survoléea{ text-decoration:underline}
a:hover{ text-decoration:none}2.html supprime le soulignement par défaut et affiche le soulignement lors du survol de la souris a{ text-decoration:none}
a:hover{ text-decoration:underline}Ce qui précède est la méthode pour annuler le soulignement du html lien hypertexte dans cet article, et il y a quelques codes associés, je suppose que vous en aurez peut-être besoin. Si vous avez des questions, veuillez les poser ci-dessous. [Recommandation de la rédaction]
Comment écrire du code d'espace html ? Résumé de la façon dont les codes d'espace html sont exprimés
La balise html tbody est-elle un élément de niveau bloc ? Utilisation de base de la balise html tbody
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!