css实现文字两边横线 |使用css rgba颜色

p {
position: relative; 
display: inline-block;
}
p::before, p::after {
content: '';
position: absolute;
height: 1px;
width: 50%;
top: 50%;
background-color: black;
}
p::before {
left: -1%;
}
p::after {
right: -1%;
}

首先，大家需要将文本包装在一个段落（p）标签中。为了实现横线的效果，大家需要将段落的显示模式设置为”inline-block”，使其可以包含内联元素和块级元素。

然后，大家使用”::before”和”::after”伪元素分别添加左右两侧的横线。大家设置它们的高度为1像素，宽度为段落宽度的一半（50%），位置为顶部50%的位置。大家还设置它们的背景颜色为黑色。

最后，大家将左侧横线的位置设置为段落左侧的1%（使用left属性），将右侧横线的位置设置为段落右侧的1%（使用right属性）。这样就可以实现一段文字两侧都有横线的效果。

总体而言，使用CSS实现文字两侧横线是一项简单而有效的技术，可以为网页设计带来更多的视觉效果。