css 实现自定义tab或者li写border-bottom底部横线效果

呆呆加油呀

于 2024-08-14 14:33:26 发布

阅读量128

点赞数 3

文章标签： css 前端 javascript

本文链接：https://blog.csdn.net/m0_59157023/article/details/141190481

版权

直接看代码：

<li></li>

li {
    &:before {
                content: '';
                width: 40px;
                height: 2px;
                position: absolute;
                bottom: 0;
                left: 50%;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                background-image: xxxx;
                border-radius: 1px;
             }
}

这样就可以想写多宽就可以实现了不用和div进行绑定对齐啦