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;

}