Maison > Article > interface Web > Comment supprimer le soulignement d'un lien hypertexte HTML
Comment supprimer le soulignement d'un lien hypertexte HTML
- 藏色散人original
- 2018-08-31 14:58:5524002parcourir
Dans le processus de création de pages Web HTML, je pense que tout le monde connaît le concept des hyperliens texte CSS. Nous savons tous que si vous souhaitez ajouter un point d'ancrage, c'est-à-dire un lien hypertexte, à un certain morceau de texte ou à un élément spécifié, vous devez utiliser la balise a en HTML.
Ensuite, certains novices pourront constater que les hyperliens textuels apparaîtront automatiquement soulignés lors de l'utilisation de la balise a ! Cela angoisse certains novices, car l'affichage des liens hypertextes ennuyeux et monotones n'a évidemment pas l'air bien en termes d'apparence visuelle. Par conséquent, comment supprimer le soulignement des hyperliens HTML CSS, c'est-à-dire comment supprimer le soulignement des hyperliens texte, est devenu un problème difficile pour les novices.
Cet article vous expliquera en détail comment supprimer le soulignement d'un lien hypertexte de balise CSS .
Un morceau de code HTML d'un exemple de balise est le suivant :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>a 标签超链接使用示例</title>
</head>
<body>
<a href="">请看我这个超链接是不是有下划线！</a>
</body>
</html>L'effet est le suivant :
Comme le montre l'image, tout le monde est au lieu de voir le soulignement familier ! Alors ajoutons un attribut de style au CSS !
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>css超链接去掉下划线示例</title>
<style>
a{
text-decoration: none;
}
</style>
</head>
<body>
<a href="">大家再看我还有没有下划线了！</a>
</body>
</html>L'effet est comme indiqué ci-dessous :
Comme vous pouvez le voir sur la photo , le texte dépasse. Le lien souligné a-t-il été supprimé ? N'est-il pas très simple d'obtenir cet effet ? Le principal attribut de style que tout le monde connaît est text-decoration : none ;. L'ajout de cet attribut au texte d'une balise correspondant peut supprimer le soulignement du lien hypertexte.
Là-bas, cet article présente la méthode spécifique pour supprimer le soulignement des hyperliens de texte HTML CSS ! Le contenu est facile à comprendre ! J'espère que cela aidera ceux qui en ont besoin ! Si vous souhaitez en savoir plus sur le CSS web front-end, je vous recommande la série de cours "Jade Girl Heart Sutra" sur le site Web PHP chinois, que vous pouvez apprendre gratuitement.
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!