Maison > Article > interface Web > Comment supprimer le soulignement d'une balise en utilisant CSS ? (explication détaillée du code)
Comment supprimer le soulignement d'une balise en utilisant CSS ? (explication détaillée du code)
- 醉折花枝作酒筹original
- 2021-04-01 15:48:578411parcourir
Lors de l'écriture d'hyperliens HTML, le lien hypertexte est toujours souligné. Si le soulignement n'est pas nécessaire, nous devons le supprimer. Parlons de la façon de supprimer le soulignement.
Lorsque nous utilisons des hyperliens, les soulignements apparaissent toujours Visuellement, la balise a soulignée semble toujours étrange, et dans certaines conditions, le soulignement n'a pas besoin de l'être. apparaître, alors j'ai demandé, existe-t-il un moyen d'empêcher le soulignement d'apparaître ? La réponse est : oui.
Regardons d'abord la balise a soulignée.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>如何去掉html a标签下划线</title>
</head>
<body>
<div>
<a href="">这是没有去掉下划线的a标签</a>
</div>
</body>
</html>
C'est sans supprimer le soulignement et c'est la balise a la plus familière. Examinons ensuite la balise a sans le soulignement.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>如何去掉html a标签下划线</title>
<style>
a{
text-decoration:none;
}
</style>
</head>
<body>
<div>
<a href="">这是去掉下划线的a标签</a>
</div>
</body>
</html>
Comme vous pouvez le voir sur la photo, après avoir ajouté une ligne de text-decoration:none; code, le lien hypertexte ne sera plus souligné.
Parce que text-decoration spécifie l'ajout de surlignage, de soulignement ou de barré au texte. Lorsque la valeur de l'attribut est none, cela signifie que le texte n'est pas décoré, donc après avoir ajouté cette ligne de code, la balise a. n'aura pas de texte.
N'est-ce pas particulièrement simple ? Si vous souhaitez supprimer le soulignement d'un lien hypertexte spécifié, il vous suffit d'utiliser un style en ligne dans la balise a.
Apprentissage recommandé : Tutoriel vidéo CSS3
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!