css 设置切换导航(带下划线)

最新推荐文章于 2024-05-15 09:45:51 发布

老胡说前端

最新推荐文章于 2024-05-15 09:45:51 发布

阅读量875

点赞数

分类专栏： css 文章标签： css 前端 javascript

本文链接：https://blog.csdn.net/m0_65730686/article/details/127510164

版权

css 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

1 vue

2 css

.head-nav{
           display: flex;
           margin: 24rpx 0;
           width: 100%;
           view{
               margin: 10rpx;
           }
           .active{
               position: relative;
               font-weight: bold;
           }
           .active::after{
               content: "";
               position: absolute;
               left: 32rpx;
               bottom: -16rpx;
               width: 34rpx;
               height: 8rpx;
               background: #2468F1;
               border-radius: 4rpx;
           }
       }