communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel CSS > le corps du texte

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

Susan Sarandon
Libérer： 2024-11-19 13:20:02
original
681 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
Article précédent：Comment faire flotter une image à gauche du texte sans retour à la ligne ? Article suivant：Comment personnaliser la boîte de sélection de couleurs Webkit Input[type=color] ?
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
Derniers numéros
function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
Depuis 2024-04-29 11:01:01
0
2
1982
Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
Depuis 2024-04-23 00:22:19
0
10
2144
La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...
Depuis 2024-04-19 15:37:47
0
1
1807
Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
Depuis 2024-04-18 23:52:34
0
1
1704
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
1716
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal