css修改border-bottom下边框长度和宽度
通过伪类自定义下边框长度
border-buttom默认是实际宽度的100%,在开发中有很多时候设计图并不是需要长度100%,通过伪类手动修改
//使用伪类添加边框
.custom-tabs-line.tabs-line-bottom .active a::after {
content: '';
width: 100%;
height: 1px;
display: block;
margin: 0 auto;
border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
修改下边框宽度
.custom-tabs-line.tabs-line-bottom .active a{
border-style:solid;
border-bottom-width:15px;
}