Maison  >  Article  >  interface Web  >  Comment utiliser CSS pour supprimer le soulignement d'un lien hypertexte

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

黄舟
黄舟original
2017-07-22 13:58:552213parcourir

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 93f0f5c25f18dab9d176bd4f6de5d30e et 93f0f5c25f18dab9d176bd4f6de5d30e : 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 ef0c2772b76bfffb9337fc47aea795ed9c3bca370b5104690d9ef395f2c5f8d1

---------------------------------avant l'heure .6ba3f8c8f29e6c859231c29a49d1ef72 -------------------------------------

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

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn