css两条删除线

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

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

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

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

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

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

另外,我们还可以通过text-decoration-style属性来指定删除线样式,包括soliddoubledotteddashedwavy等。

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

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

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

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

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css两条删除线

粉丝

0

关注

0

收藏

0

已有0次打赏