css中给文字中间加条线,css3鼠标果果变手型代码

css语言框架，css设置高满屏，css怎么制作条纹边框，vue 引入reset.css，css3修改鼠标样式，css加号是什么意思，css3鼠标果果变手型代码

/* 方法一：使用text-decoration属性 */ 
p {
text-decoration: line-through; /* 删除线 */
text-decoration: underline; /* 下划线 */
}
/* 方法二：使用伪元素before和after */
p:before {
content: "";
display: inline-block;
width: 30px;
height: 1px;
background-color: red; /* 线条颜色 */
margin-right: 5px; /* 线条离文字的距离 */
}
p:after {
content: "";
display: inline-block;
width: 30px;
height: 1px;
background-color: red;
margin-left: 5px;
}

第一种方法主要使用了text-decoration属性，它可以添加删除线和下划线。不过，如果想要修改线条的样式或者位置，就需要借助第二种方法了。

第二种方法使用了伪元素before和after，通过添加一个空的元素，再让它的背景颜色填充到要添加的线条，即可实现文字中间加条线的效果。

根据实际需要和场景选择合适的方法，即可达到理想的效果。