看了这个很棒,可以直接用
原文链接:https://blog.csdn.net/qq_41215296/article/details/115666119
<div class="borderLine"></div>
<p>这是一条从中心向两边颜色逐渐变浅的线</p>
.borderLine {
width: 500px;
height:1px;
background: -webkit-linear-gradient(left, #fff -4%, #333 50%, #fff 100%);
}
实现效果如图: