css怎么在文字两边加上横线
css怎么在⽂字两边加上横线<div class="title">
<h2 class="title-text"><span>⼯作经历</span></h2>
</div>
.title-text span {
display: block; /*设置为块级元素会独占⼀⾏形成上下居中的效果*/
position: relative; /*定位横线（当横线的⽗元素）*/
.fs(14);
text-align: center;
}
.title-text span:before, .title-text span:after {
content: '';
position: absolute; /*定位背景横线的位置*/
top: 50%;
background: #8c8c8c; /*背景横线颜⾊*/
width: 35%; /*单侧横线的长度*/
height: 1px;
}
.title-text span:before {
left: 2%; /*调整背景横线的左右距离*/
}
.title-text span:after {
横线
right: 2%;
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。