当前位置:首页 > 随笔 > 简单淘宝/天猫透明导航CSS代码

简单淘宝/天猫透明导航CSS代码

George6年前 (2018-05-05)随笔1524

看到有的淘宝店铺装修的很华丽,总想折腾一下。这一段是实现导航条透明化的,其实网上已经很多例子,只是而我想要的就只是透明而已。

话不多说,看代码:

.skin-box-bd {
 background: none;
 border: none;
}
.menu-list {
 background: none;
}
.link {
 background: none;
 border: none;
}
.menu {
 background: none;
}
.all-cats {
 background: none;
}
.skin-box-bd.all-cats.link {
 border: none;
}
.skin-box-bd.menu-list.menu {
 border: none;
}
.menu-list.menu.title {
 color: #000000;
 font-size: 20px;
 font-weight: bold;
}
.all-cats.link.title {
 color: #000000;
 font-size: 20px;
 font-weight: bold;
}
.skin-box-bd.menu-list.menu-selected.link {
 background: none;
}
.skin-box-bd.menu-list.menu-selected.link.title {
 background: none;
}
.skin-box-bd .all-cats .title {
 color: #FF0000;
}
.skin-box-bd .menu-list .menu .title {
 color: #FF0000;
}

看起来比较长,其实没多少内容。直接复制粘贴使用即可。



「 欢迎使用小程序访问该文章 」

扫描二维码推送至手机访问。

版权声明:本文由一介草民发布,如需转载请注明出处。

本文链接:http://05rr.net/Prose/4.html

分享给朋友:

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。