Le code CSS barré est "élément de texte {text-decoration:line-through;}". L'attribut CSS text-decoration est utilisé pour spécifier les modifications ajoutées au texte, telles que le soulignement, le surlignement, le barré, etc. ; lorsque la valeur de cet attribut est définie sur "line-through", une ligne traversant le texte peut être définie, c'est-à-dire l'effet barré.
L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.
En CSS, vous pouvez utiliser l'attribut text-decoration pour obtenir l'effet barré. Le code d'implémentation est :
文本元素{text-decoration:line-through;}
L'attribut text-decoration spécifie les modifications ajoutées au texte, telles que le soulignement, le surlignement, le barré, etc.
valeur | description |
---|---|
aucun | par défaut. Texte qui définit la norme. |
underline | définit une ligne sous le texte. |
overline | définit une ligne sur le texte. |
line-through | définit une ligne qui passe sous le texte. |
blink | Définissez le texte clignotant. |
Description :
Cet attribut permet de définir certains effets sur le texte, comme le barré. Si l'élément descendant n'a pas ses propres décorations, les décorations définies sur l'élément ancêtre "s'étendront" aux éléments descendants. Les agents utilisateurs ne sont pas tenus de prendre en charge le clignotement.
Exemple de code :
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>css添加文本文字的删除线</title> <style> p{ text-decoration:line-through; } </style> </head> <body> <p>这里有一条删除线</p> </body> </html>
Comme le montre l'exemple, en définissant text-decoration:line-through;
pour ajouter un barré au texte dans l'élément p, la méthode est simple et pratique. Et vous pouvez simplement modifier le style barré via les paramètres CSS, tels que la couleur, par exemple : text-decoration:line-through;
为p元素里的文本文字添加了删除线,方法简单、方便。且可以通过css设置简单修饰删除线样式,比如:颜色,例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>css添加文本文字的删除线</title> <style> p{ text-decoration:line-through; color: red; } span{ color: black; } </style> </head> <body> <p><span>这里有一条删除线</span></p> </body> </html>
这样我们结合text-decoration:line-through
和<span></span>
rrreee
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!