css一条线中间有文字 |css3圆形发光

这时，大家可以利用CSS中的::before和::after伪元素来实现。首先，给需要添加下划线的文本添加一个父元素，并设置该父元素的position为相对定位，然后在该父元素中添加一个空的标签，并为该标签设置position为绝对定位。接下来，大家就可以利用伪元素来添加下划线和文字了。

.parent{
position: relative;
}
.parent span{
position: absolute;
bottom: -5px; /*下划线的位置，可以根据需求自行调整*/
left: 0;
}
.parent span::before{
content: "";
position: absolute;
width: 100%;
height: 1px; /*下划线的高度，同样可以根据需求自行调整*/
background-color: #000;
}
.parent span::after{
content: "下划线中间的文字";
position: relative;
padding: 0 5px; /*文字的左右间距，也可以根据需求自行调整*/
background-color: #fff; /*文字背景色，与父元素背景色相同，以达到遮挡下划线的效果*/
}

上面的代码中，大家为伪元素::before添加了一个背景色为黑色的下划线，而为伪元素::after添加了文字，并将padding设置为了一定的间隔，以避免文字与下划线重叠。如果需要调整下划线和文字之间的距离，可以通过改变伪元素::after的padding值来实现。

以上就是使用CSS实现下划线中间有文字的方法，希望能够帮助大家解决类似的问题。