Comment puis-je supprimer les soulignements des liens d'ancrage à l'aide de CSS ?

Supprimer les soulignements des éléments d'ancrage avec CSS

Vous souhaitez donner à votre texte avec lien hypertexte un aspect plus soigné sans le soulignement par défaut ? CSS offre une solution simple à ce problème de style courant.

Solution :

CSS fournit une propriété appelée text-decoration qui vous permet de contrôler l'apparence des embellissements de texte comme souligne. En définissant cette propriété sur none, vous pouvez éliminer le soulignement des ancres () et du texte souligné ().

a, u {
  text-decoration: none;
}

Pour une personnalisation plus poussée, vous pouvez cibler uniquement les éléments d'ancrage avec sélecteurs plus spécifiques :

a {
  text-decoration: none;
}

Remarque importante :

Si les autres styles que vous avez appliqués remplacent la propriété text-decoration, vous pouvez garantir l'effet souhaité en utilisant le modificateur !important :

a {
  text-decoration: none !important;
}

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!