Comment supprimer le soulignement d'un lien hypertexte HTML-tutoriel HTML-php.cn

Comment supprimer le soulignement d'un lien hypertexte HTML

藏色散人

Libérer： 2018-11-20 15:47:51

original

24021 Les gens l'ont consulté

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>

Copier après la connexion

L'effet est le suivant :

Comment supprimer le soulignement dun lien hypertexte HTML

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>

Copier après la connexion

L'effet est comme indiqué ci-dessous :

Comment supprimer le soulignement dun lien hypertexte HTML

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!