How to perform a double strikethrough on text with inline css?

Question

I want my text to have 2 strikethroughs but using only inline CSS .

How can I achieve this?

Answer 1

You can use the del tag with text-decoration-style: double for a double strikethrough.

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

To apply a double strikethrough on normal text inside a span or other tag, you can use text-decoration: line-through and text-decoration-style: double .

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

See also: 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>