如何使用内联 css 对文本执行双删除线？答案

【问题标题】：How to perform a double strikethrough on text with inline css?如何使用内联 css 对文本执行双删除线？
【发布时间】：2018-07-25 00:26:11
【问题描述】：

我希望我的文本有 2 个删除线，但仅使用内联 CSS。

我怎样才能做到这一点？

【问题讨论】：

How to Double Strikeout a Text in HTML?的可能重复

标签： html css

【解决方案1】：

您可以将del 标记与text-decoration-style: double 一起使用作为双删除线。

&lt;del style="text-decoration-style: double;"&gt;Text with double strike through&lt;/del&gt;

要对span 或其他标记内的普通文本应用双删除线，您可以使用text-decoration: line-through 和text-decoration-style: double。

&lt;span style="text-decoration: line-through; text-decoration-style: double;"&gt;Text with double strikethrough&lt;/span&gt;

另请参阅：text-decoration-style、text-decoration

【讨论】：

【解决方案2】：

你可以使用渐变：

&lt;span style="background:linear-gradient(#000,#000) 50% 35%/100% 1px no-repeat,linear-gradient(#000,#000) 50% 65%/100% 1px no-repeat;"&gt;some text to strike&lt;/span&gt;

【讨论】：