css 文字加中间线

CSS中可以通过text-decoration来实现文字加中间线的效果。

.text{
    text-decoration: line-through;
}

上述代码将会对class为text的元素进行文字加中间线的样式渲染。如果你想更改中间线的颜色、样式或者位置，还可以使用text-decoration-color、text-decoration-style和text-decoration-position属性。

.text{
    text-decoration: line-through;
    text-decoration-color: red;
    text-decoration-style: dotted;
    text-decoration-position: under;
}

上述代码将会对class为text的元素进行文字加红色、虚线、下方的中间线的样式渲染。

需要注意的是，text-decoration属性可以与其他属性共同使用，如color、font-size等。而且中间线并不会改变文字大小或者顶部对齐。

最后，文字加中间线这个效果在网页设计中有很多使用场景，比如表示已经删除的文本、产品折扣价等等。