[分享]css两条删除线

CSS中可以通过文字装饰器textdecoration来设置删除线。常用的有两条删除线样式：单一下划线加双一上划线和双下划线。下面我们来介绍如何设置。/ 单一下划线加双一上划线 / textdecor...

CSS中可以通过文字装饰器text-decoration来设置删除线。常用的有两条删除线样式：单一下划线加双一上划线和双下划线。下面我们来介绍如何设置。

/* 单一下划线加双一上划线 */ 
text-decoration: underline double;

/* 双下划线 */ 
text-decoration: underline wavy underline;

以上的代码分别对应设置单一下划线加双一上划线和双下划线的删除线样式。其中underline表示下划线，double表示双线，wavy表示波浪线。

另外，我们还可以通过text-decoration-style属性来指定删除线样式，包括solid、double、dotted、dashed、wavy等。

/* 单一下划线加双一上划线 */ 
text-decoration-line: line-through;
text-decoration-style: double;

/* 双下划线 */ 
text-decoration-line: underline;
text-decoration-style: wavy;

上面的代码中，text-decoration-line表示删除线的类型，line-through表示中间删除线，underline表示下划线。

总之，通过CSS的删除线样式，我们可以优雅地展示删除或修改的文本内容，增强了网站的可读性。