Maison > interface Web > tutoriel CSS > Comment créer des barrés de texte multicolores avec CSS ?

Comment créer des barrés de texte multicolores avec CSS ?

Linda Hamilton
Libérer: 2024-11-16 12:32:03
original
382 Les gens l'ont consulté

How to Create Multi-Colored Text Strikethroughs with CSS?

Réalisation de barrés de texte multicolores avec CSS

Les éléments HTML del, strike ou s et la propriété CSS text-decoration:line -through peuvent tous être utilisés pour créer des effets barrés. Cependant, par défaut, la ligne barrée est de la même couleur que le texte.

Comment changer la couleur barrée

Pour personnaliser la couleur barrée, un élément d'habillage supplémentaire peut être utilisé. En attribuant la couleur de passage de ligne souhaitée à l'élément extérieur et la couleur de texte souhaitée à l'élément intérieur, un barré multicolore peut être obtenu.

Par exemple, considérons l'extrait de code suivant :

<span>
Copier après la connexion

Dans cet exemple, la travée extérieure a une ligne rouge tandis que la travée intérieure a un texte noir. Cela fait apparaître le texte « noir barré de rouge » avec une couleur noire et une ligne barrée de rouge.

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