CSS中可以通过文字装饰器text-decoration来设置删除线。常用的有两条删除线样式:单一下划线加双一上划线和双下划线。下面我们来介绍如何设置。/* 单一下划线加双一上划线 */ text-d
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的删除线样式,我们可以优雅地展示删除或修改的文本内容,增强了网站的可读性。
粉丝
0
关注
0
收藏
0