如何使用内联CSS在文本上执行双重删除线？

Question

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

我该如何实现？

Answer 1

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

<del style="text-decoration-style: double;">Text with double strike through</del>

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

<span style="text-decoration: line-through; text-decoration-style: double;">Text with double strikethrough</span>

Answer 2

您可以使用渐变：

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