通过伪类自定义下边框长度

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;

}


 
                    
            
                

相关文章:

  • 2021-10-30
  • 2021-12-26
  • 2022-12-23
  • 2022-12-23
  • 2021-11-25
  • 2021-06-20
  • 2021-12-05
  • 2021-10-24
猜你喜欢
  • 2022-02-26
  • 2021-09-16
  • 2022-12-23
  • 2021-04-21
  • 2022-01-21
  • 2021-09-08
相关资源
相似解决方案