Maison  >  Article  >  interface Web  >  lien d'annulation CSS

lien d'annulation CSS

WBOY
WBOYoriginal
2023-05-21 09:19:37633parcourir

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.

  1. Annuler le soulignement

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

  1. Annuler la couleur

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.

  1. Annuler le style de survol

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!

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