Maison > interface Web > tutoriel CSS > Comment puis-je changer la couleur d'une ligne barrée en HTML ?

Comment puis-je changer la couleur d'une ligne barrée en HTML ?

Susan Sarandon
Libérer: 2024-11-19 13:20:02
original
731 Les gens l'ont consulté

How can I change the color of a strikethrough line in HTML?

Coloration des lignes barrées différemment du texte

Les symboles , et Les éléments HTML peuvent tous produire un effet saisissant sur le texte. Cependant, la ligne barrée partage souvent la même couleur que le texte.

Utiliser CSS pour changer la couleur barrée

Heureusement, CSS peut être utilisé pour modifier la couleur de la ligne barrée. Voici comment :

  1. Enveloppez le texte dans un élément supplémentaire : Créez un élément d'habillage supplémentaire pour séparer la couleur barrée de la couleur du texte.
  2. Attribuez la couleur barrée à l'élément extérieur : Définissez la couleur barrée souhaitée sur l'élément extérieur à l'aide de la propriété text-decoration.
  3. Attribuez la couleur du texte à l'élément intérieur : À l'intérieur l'élément extérieur, placez un élément intérieur et attribuez-lui la couleur de texte souhaitée.

Exemple

Considérez le code suivant :

<span>
Copier après la connexion

Ce code va afficher "noir barré rouge" avec le texte en noir et la ligne barrée en rouge. L'extérieur <span> L'élément définit la couleur barrée, tandis que l'élément <span> L'élément définit la couleur du texte.

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal