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;

}