Comment supprimer le soulignement d'un lien hypertexte HTML ? Voici toutes les façons de supprimer le soulignement de la balise a-tutoriel HTML-php.cn

Comment supprimer le soulignement d'un lien hypertexte HTML ? Voici toutes les façons de supprimer le soulignement de la balise a

寻∝梦

Libérer： 2018-09-03 17:25:56

original

80821 Les gens l'ont consulté

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-decoration

La 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}

Copier après la connexion

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}

Copier après la connexion

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}

Copier après la connexion

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>

Copier après la connexion

Jetons un coup d'œil au rendu de ceci dans le navigateur :

Comment supprimer le soulignement dun lien hypertexte HTML ? Voici toutes les façons de supprimer le soulignement de la balise a

L'image ci-dessus est-elle très claire ? À l'origine, il y avait un soulignement sur le site PHP chinois. Il n'y en a plus. maintenant. N'est-ce pas beaucoup plus pratique ?

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ée

a{ text-decoration:underline} 
a:hover{ text-decoration:none}

Copier après la connexion

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}

Copier après la connexion

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!