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

Question

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

我怎样才能做到这一点？

Answer 1

您可以使用带有text-decoration-style: double的del标签来添加双删除线。

 <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>

另见： text-decoration-style ， text-decoration

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>