Maison > Article > interface Web > lien d'annulation CSS
Comment annuler le lien avec CSS ?
Dans la production de pages Web, les liens sont un élément très courant. Lorsque nous embellissons une page Web, nous devons parfois supprimer le soulignement ou la couleur de certains liens. Comment devons-nous procéder ? Apprenons comment annuler le lien via CSS.
En CSS, nous pouvons contrôler le soulignement du lien via l'attribut text-decoration. Définissez sa valeur sur none pour supprimer le soulignement.
Par exemple, si nous avons un morceau de code HTML comme suit :
<a href="#">我是一个链接</a>
Ensuite, nous pouvons utiliser le code CSS suivant pour annuler le soulignement du lien :
a { text-decoration: none; }
De cette façon, le soulignement sous le lien sera annulé .
Parfois, nous devons également changer la couleur du lien tout en supprimant le soulignement. À ce stade, nous pouvons contrôler la couleur du lien via l'attribut color et définir sa valeur sur la couleur souhaitée.
Par exemple, si nous avons un morceau de code HTML comme suit :
<a href="#">我是一个链接</a>
Ensuite, nous pouvons utiliser le code CSS suivant pour annuler le soulignement et définir la couleur du lien en même temps :
a { text-decoration: none; color: #333; }
De cette façon, le soulignement sous le lien sera annulé et la couleur du lien passe à #333.
Parfois, nous souhaitons annuler la modification lorsque le lien est survolé. Par exemple, par défaut, le lien apparaîtra souligné, changera de couleur, etc. lorsque la souris survolera. À ce stade, nous pouvons utiliser la pseudo-classe :hover pour modifier l'état de survol du lien.
Par exemple, si nous avons un morceau de code HTML comme suit :
<a href="#">我是一个链接</a>
Ensuite, nous pouvons utiliser le code CSS suivant pour annuler la modification au survol du lien :
a:hover { text-decoration: none; color: #333; }
De cette façon, le soulignement et la couleur seront passer à la valeur définie lors de l'annulation du soulignement du lien.
Résumé
Ci-dessus sont quelques méthodes d'annulation de liens via CSS. Bien sûr, dans des situations réelles, nous pouvons également apporter davantage de modifications de style, telles que les polices, les couleurs d'arrière-plan, etc. Cependant, les trois méthodes ci-dessus suffisent à répondre à la plupart de nos besoins. J'espère que cet article pourra être utile à tout le monde.
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!