[分享]css 文字中间的横线

CSS 中经常用到的一种样式是在文字中间添加横线。这种横线可以用来表示删除线、下划线、强调线等等。具体实现方式是通过 CSS 的 textdecoration 属性来设置。下面是一个例子：textde...

CSS 中经常用到的一种样式是在文字中间添加横线。这种横线可以用来表示删除线、下划线、强调线等等。具体实现方式是通过 CSS 的 text-decoration 属性来设置。下面是一个例子：

text-decoration: line-through;

上述代码将会给文字添加一个删除线。如果要给文字添加下划线，则可以改成如下代码：

text-decoration: underline;

除了使用 text-decoration 属性，也可以使用 border-bottom 属性来实现下划线效果。代码如下：

border-bottom: 1px solid black;

上述代码将会给文字添加一个黑色实线下划线。

注意，如果要同时给文字添加删除线和下划线的效果，需要使用其中一个样式作为 text-decoration 的属性值，而将另一个样式用 border-bottom 实现。例如：

text-decoration: line-through;
border-bottom: 1px solid black;

上述代码将会给文字添加删除线和黑色实线下划线的效果。

江苏,常州