Comment supprimer le lien bleu du lien dans CSS

Les liens dans HTML sont des hyperliens par lesquels vous pouvez sauter sur un autre site. Dans la conception Web, les liens sont des connexions entre deux ressources Web, par exemple, les images, les vidéos, les fichiers PDF et les pages Web.

Dans HTML, un lien est créé en utilisant la balise. Au sein de la balise, vous pouvez spécifier l'URL et le texte du lien. Lorsqu'un lien est ajouté, un soulignement apparaît sous le lien; Cependant, la propriété textuelle-décoration peut être utilisée pour le supprimer.

Ce message examinera quelques exemples pour expliquer les aspects ci-dessous:

• Propriété de la décoration de texte en CSS
• Comment supprimer les soulignements d'un lien?

Alors, commençons!

Propriété de la décoration de texte en CSS

Pour appliquer n'importe quel type de décoration au texte, la propriété textuelle-décoration est utilisée. Par exemple, la propriété textuelle-décoration nous aide à modifier la couleur du texte, le style et la ligne de décoration.

Syntaxe

Tout d'abord, nous comprendrons la syntaxe de la propriété textuelle-décoration:

Décoration du texte: Ligne | Couleur | style;

La décoration de texte est une propriété scolare pour les propriétés CSS mentionnées ci-dessous:

• Text-décoration-ligne: Il est utilisé pour ajouter une ligne sur le texte.
• Color de textes-décoration: Il est utilisé pour appliquer la couleur à la ligne du texte.
• Texte-décoration-épaisseur: Il spécifie l'épaisseur de la décoration de ligne.
• style-décoration de texte: Cette propriété définit le style de la ligne.

Avec l'utilisation de la propriété textuelle-décoration, nous supprimerons le soulignement du lien dans l'exemple suivant.

Comment supprimer les soulignements d'un lien?

Dans HTML, lorsque nous ajoutons un lien, la ligne sous le texte du lien apparaît qui peut être supprimée à l'aide de la propriété de décoration texte.

Exemple

Nous utiliserons la balise pour définir un hyperlien. HREF est la référence hyperlienne du site, et il est utilisé pour donner l'adresse du site. Après avoir donné l'adresse, spécifiez le nom du lien car le lien n'apparaît pas sur le site. Seul le nom que nous donnons sera visible:

Facebook

Vous pouvez voir qu'une ligne sous Facebook apparaît, qui indique qu'un hyperlien y est attaché:

Nous allons maintenant passer au CSS et retirer le soulignement bleu.

Ici, "un»Fait référence au lien que nous avons attribué dans la section HTML. Nous allons définir l'attribut de la propriété textuelle-décoration comme «aucun".

un
Décoration du texte: aucune;

La sortie montre que le soulignement bleu a été supprimé après avoir attribué le «aucun”Attribut à la propriété textuelle-décoration:

Nous avons offert la méthode liée à la suppression du soulignement bleu du lien dans CSS.

Conclusion

Pour supprimer le soulignement bleu d'un lien, la propriété textuelle-décoration est utilisée dans CSS. Pour ce faire, définissez le «textaine-décoration«Valeur de la propriété comme«aucun". Cet article a expliqué le fonctionnement de la propriété textuelle-décoration et comment l'utiliser pour supprimer le soulignement bleu de la ligne à l'aide d'exemples appropriés.