.del-line { text-decoration: line-through; }
上面的 CSS 代码中,大家为.del-line
类选择器设置了一个text-decoration
属性,并将其值设置为line-through
。这样,使用该类选择器的元素中的文本就能添加删除线了。
在 HTML 中,大家可以使用标签来添加删除线样式:
<p class="del-line">这是一条带删除线的文本</p>
效果如下:
这是一条带删除线的文本
当然,大家也可以使用其它 CSS 属性来修改删除线的样式,例如使用text-decoration-color
来设置删除线的颜色:
.del-line { text-decoration: line-through; text-decoration-color: red; }
上述代码将删除线颜色设置为红色。
最后,需要注意的是,在某些情况下(例如部分浏览器或操作系统),删除线样式可能无法正确显示。因此,在使用删除线样式时,需注意浏览器兼容性。