Comment utiliser CSS pour supprimer le soulignement d'un lien hypertexte

Nous pouvons utiliser la syntaxe CSS pour contrôler les changements de forme et de couleur des hyperliens. Pourquoi les liens doivent-ils être distingués par des soulignements et des couleurs ? La raison principale est principalement de considérer 1. Les personnes malvoyantes 2. Les personnes daltoniennes. . .

Ci-dessous nous créons un lien comme ceci : lorsque le lien n'est pas cliqué, le texte du lien hypertexte n'est pas souligné et apparaît en bleu ; lorsque la souris est sur le lien, il est souligné et le texte du lien apparaît en rouge ; ; lorsque le lien est cliqué, le lien Non souligné, affiché en vert.

La méthode d'implémentation est très simple. Ajoutez le contrôle de syntaxe CSS suivant entre et : lien fait référence à un lien normal qui n'a pas été visité ;

a:actif fait référence au lien sur lequel on clique

 <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>

a:survol fait référence à la souris sur le lien

a:visité fait référence à un lien ; qui a été visité ; <🎜 > La décoration de texte signifie un effet de modification du texte ;
Le paramètre aucun indique que le texte du lien hypertexte n'est pas souligné
Le paramètre de soulignement indique que le texte du lien hypertexte est souligné
-- -------- ----------------------------------------------- -------- ------------
Démonstration : Supprimer les soulignements des liens dans les pages Web



Insérez le code entre < head>

---------------------------------avant l'heure . -------------------------------------

<style type="text/css"> 
<!-- 
A { text-decoration: none} 
--> 
</style>

Utiliser CSS pour mettre en œuvre la ligne pointillée du lien Souligner l'effet de soulignement normal

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!