border-bottom 自定义长度

遇到设置border-bottom 的时候 需要实现 单独的长度,不想跟着div的width来,又不想单独设置一个div来写border-bottom(当然我觉得单独写div也可以,用伪类就当学习一下),可以使用伪类,

.tol{
border-bottom: 0.01rem solid rgba(239,239,239,1);
width:100%
}

在class上边添加伪类
.tol::after {
content: ‘’;
width:95%;
height: 10px;
display: block;
margin: 0 auto;
border-bottom: 1px solid rgba(239,239,239,1);
}