communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel CSS > Pouvez-vous personnaliser la couleur barrée en CSS ?

Pouvez-vous personnaliser la couleur barrée en CSS ?

DDD
Libérer： 2024-11-23 00:14:20
original
783 Les gens l'ont consulté

Can You Customize Strikethrough Color in CSS?

Personnalisation de la couleur barrée en CSS

Les symboles , et Les balises HTML offrent diverses options pour créer des effets de texte barré. De même, la propriété CSS text-decoration avec une valeur de passage en ligne peut obtenir le même effet. Cependant, dans la plupart des cas, la couleur de la ligne barrée correspond à la couleur du texte.

Le CSS peut-il être utilisé pour différencier la couleur de la ligne barrée de la couleur du texte ?

Oui, il est possible de créer une ligne barrée avec une couleur différente en utilisant CSS en incorporant un élément d'habillage supplémentaire :

<span>
Copier après la connexion

Dans cet exemple, un élément extérieur L'élément reçoit une couleur rouge et une décoration linéaire. Au sein de cet élément externe, un <span> L'élément contient le texte avec une couleur noire contrastante. Cette approche permet d'obtenir une couleur de ligne barrée distincte tout en conservant 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 puis-je styliser les boutons de téléchargement de fichiers dans Twitter Bootstrap ? Article suivant：Pourquoi -webkit-transform:transform3d provoque-t-il un texte flou dans les navigateurs basés sur WebKit ?
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
3
2253
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
11
2392
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
2005
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
1892
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
1957
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