How to Double Strikeout a Text in HTML?

前端 未结 9 683
一向
一向 2021-02-07 04:26

I know about , and tags. These tags strike out a text once, however I want to strike out a text 2 time

9条回答
  •  无人共我
    2021-02-07 05:13

    try the following: it supports double strikeout cross lines and can be used in ordered list or unordered list.

    Just quote the text with then . See below (I borrow the sample from previous post of Mach).

    This is my text with two lines through it in a paragraph because of crazy weird requirements

    This is my text with two lines through it in a paragraph because of crazy weird requirements

    The CSS is as below:

    del {
        padding:0; margin:0;
        position: relative;
        text-decoration:none;
        display: inline;
        left: 0;
        top: 0.8em;
        border-top: 5px double red;
    }
    
    del > span.del {
        padding:0; margin:0;
        position: relative;
        top: -0.8em;
        left: 0;
        width:100%;
        color: black;
    }
    

提交回复
热议问题