如何使用內聯 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>