Maison >interface Web >tutoriel CSS >Explication graphique détaillée sur la façon de supprimer le soulignement des hyperliens HTML
Explication graphique détaillée sur la façon de supprimer le soulignement des hyperliens HTML
- yuliaoriginal
- 2018-09-19 17:48:599604parcourir
Dans la mise en page, la balise a est souvent utilisée. Tout le monde sait que la balise a est soulignée par défaut et a des couleurs différentes. Parfois pour la beauté de la page, il est nécessaire de supprimer le soulignement de certains hyperliens ou de modifier le soulignement. couleur des hyperliens, savez-vous comment obtenir cet effet ? Cet article vous expliquera comment supprimer le soulignement des hyperliens HTML. Les amis qui ne sont pas au courant peuvent s'y référer, j'espère que cela vous sera utile.
Prenons d'abord un exemple : Lorsque ce lien hypertexte n'est pas cliqué, le texte du lien hypertexte n'est pas souligné et apparaît en bleu lorsque la souris passe sur le lien, il est souligné et le lien ; le texte apparaît en rouge ; lorsque Après avoir cliqué sur le lien, le lien n'est pas souligné et apparaît en vert. La méthode d'implémentation est très simple. Ajoutez le code CSS suivant entre
et :<style type="text/css">
a:link { text-decoration: none;color: blue}
a:active { text-decoration:blink}
a:hover { text-decoration:underline;color: red}
a:visited { text-decoration: none;color: green}
</style>où :
a:link fait référence au Visité normal inutilisé. liens ;
a:actif fait référence au lien sur lequel vous avez cliqué ;
a:survol fait référence à la souris sur le lien
a:visité fait référence au lien qui a été visité ;
Décoration de texte signifie effet de modification du texte
Le paramètre none indique que le texte de l'hyperlien ne sera pas souligné
Le paramètre de soulignement indique que le texte de l'hyperlien ; sera souligné
Rendu du passage de la souris sur :
Comment supprimer le soulignement d'un lien hypertexte
Il suffit d'utiliser un {text-decoration:none;} pour définir l'étiquette du lien hypertexte pour supprimer les soulignements par défaut. Le code est le suivant :
<style type="text/css">
a{text-decoration: none;color: red;}
</style>
<body>
生活不止眼前的苟且，<a href="#">还有诗和远方的田野</a>
</body>L'effet de ne pas supprimer le soulignement :
L'effet de supprimer le soulignement et de définir la couleur sur rouge :
Résumé : Supprimer le soulignement d'un lien hypertexte HTML est très simple, il suffit d'y ajouter l'attribut text-decoration:none. Quant aux autres attributs de décoration de texte, je n’en présenterai pas grand-chose ici. Les amis qui en ont besoin peuvent se rendre sur le site Web pour voir comment les utiliser.
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!