Maison > Article > interface Web > Comment supprimer le soulignement d'un lien hypertexte en CSS
Comment supprimer le soulignement d'un lien hypertexte en CSS
- php中世界最好的语言original
- 2017-11-20 16:07:298907parcourir
Il est inévitable qu'il y ait plusieurs paires de texte Ahyperlien texte d'ancrage dans une page Web, mais par défaut tout le texte avec des liens a des effets de soulignement, alors comment mettre cela Comment supprimer l’effet souligné des liens hypertextes ? Ensuite, nous devons utiliser du CSS puissant.
Pour faire disparaître le soulignement par défaut dans le texte de la police avec le texte d'ancrage du lien hypertexte via les paramètres CSS, nous avons besoin du mot de style CSS text-decoration pour supprimer le soulignement.
Le code CSS spécifique pour supprimer le soulignement du lien par défaut dans toute la page Web afin d'obtenir l'absence de soulignement est le suivant :
a{text-decoration: none}
Le code CSS ci-dessus peut annuler la suppression du soulignement.
Extension des connaissances CSS DIV, le lien par défaut n'a pas d'effet de soulignement, lorsque la souris est déplacée sur le texte correspondant et que la police du texte correspondante est soulignée, le code de style CSS :
a{text-decoration : none}
a:hover{text-decoration:underline}Cela fera que la page Web. Le soulignement dans le texte du lien disparaît par défaut, mais l'effet de style de soulignement n'apparaît que lorsque la souris est déplacée sur le texte d'ancrage et survolée.
Ce qui suit est que par défaut, le texte du lien n'est pas souligné et un soulignement CSS apparaît lorsque la souris survole la police du texte d'ancrage.
Code source HTML complet de l'exemple :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>无下划线实现 DIVCSS5</title>
<style>
a{ text-decoration:none}
a:hover{ text-decoration:underline}
</style>
</head>
<body>
欢饮来到<a href="http://www.php.cn">www.php.cn</a>关于默认链接无下划线实例
</body>
</html>Lecture connexe :
Comment utiliser jQuery pour modifier dynamiquement les hyperliens
Un résumé des exemples d'utilisation du lien hypertexte a en html
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!