Maison  >  Article  >  interface Web  >  Comment supprimer le soulignement des hyperliens en HTML5

Comment supprimer le soulignement des hyperliens en HTML5

青灯夜游
青灯夜游original
2021-02-26 16:49:066460parcourir

Dans les pages HTML5, vous pouvez utiliser l'attribut text-decoration pour supprimer le soulignement des hyperliens. Ajoutez simplement le style "text-decoration:none" à la balise a. text-decoration définit la décoration du texte (souligné, barré, etc.). Lorsque la valeur est none, il n'y a pas de décoration.

Comment supprimer le soulignement des hyperliens en HTML5

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

Il est toujours inévitable d'utiliser des hyperliens dans le développement de pages Web frontales, mais lors de l'utilisation d'hyperliens, il y aura un soulignement en dessous, qui apparaît parfois très brusque, inapproprié et inesthétique dans la page Web, donc nous Vous devez supprimer le soulignement sous le lien hypertexte.

Pour supprimer le soulignement d'un lien hypertexte dans une page HTML, vous avez besoin de l'attribut text-decoration en CSS.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style type="text/css">
			 a{text-decoration:none;} 
		</style>
	</head>
	<body>
		<a href="#">我是a标签</a>
	</body>

</html>

Rendu :

Comment supprimer le soulignement des hyperliens en HTML5

Description :

L'attribut text-decoration est utilisé pour spécifier les modifications ajoutées au texte, telles que : souligner, surligner, barré, etc. Lorsque la valeur de cet attribut est définie sur "aucun", cela signifie que le texte standard est défini et qu'aucune modification de texte n'est ajoutée. En utilisant cette valeur d'attribut, nous pouvons supprimer les styles qui comportent déjà un soulignement, un barré ou une ligne supérieure. [Tutoriel recommandé : Tutoriel vidéo CSS ]

Valeur de l'attribut text-decoration :

Comment supprimer le soulignement des hyperliens en HTML5

Pour plus de connaissances liées à la programmation, veuillez visiter : Vidéos de programmation ! !

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn