手写tabs样式导航切换

最新推荐文章于 2024-05-09 17:33:04 发布

正一品程序员

最新推荐文章于 2024-05-09 17:33:04 发布

阅读量277

点赞数

CC 4.0 BY-SA版权

文章标签： css css3 html

本文链接：https://blog.csdn.net/weixin_46060121/article/details/129603896

.tabs
  width: 412px
  border-bottom: 1px solid #CED5DD
  .item
    width: 100px
    height: 36px
    background: NEUTRAL_COLOR_F
    color: NEUTRAL_COLOR_6
    font-size: 14px
    border-top: 1px solid #CED5DD
    border-left: 1px solid #CED5DD
    border-right: 1px solid #CED5DD
    border-radius: 5px 5px 0 0
    &.check
      color: MAIN_COLO```

![效果](https://img-blog.csdnimg.cn/2a5fe430c9244f039dbb6ecacab5931e.png)
![html代码](https://img-blog.csdnimg.cn/3994c9bd3ac44fbcb2015d6ece4a10f1.png)