网站建设知识
css如何添加中划线
2025-07-11 12:41  点击:0

在网页制作中,中划线是一种常见的样式,它通常用于表示删除的文字或者状态的改变。那么在CSS中,如何添加中划线呢?

text-decoration: line-through;

以上代码即可实现中划线的效果。在使用时,可以将这个属性添加到需要添加中划线的元素中,例如:

<span >删除的文字</span>

在以上代码中,我们为一个span元素添加了text-decoration: line-through;属性,将其中的文本添加了中划线。需要注意的是,这个属性会将某个元素内的所有文字都添加中划线,因此需要将其嵌套在需要添加中划线的元素内。

另外,如果需要更改中划线的颜色,可以使用text-decoration-color属性:

text-decoration-color: red;

以上代码即可将中划线的颜色改为红色。

综上所述,通过为元素添加text-decoration: line-through;和 text-decoration-color属性,就可以在网页中实现中划线的效果。