admin 管理员组文章数量: 1087829
2024年3月5日发(作者：hyper是什么意思)
淘宝导航条
导航条的属性：
.skin-box-bd{background:red;}
所有分类属性：
.all-cats{background:#66CCFF;}（整个div属性）
.all-cats .link{background:#66CCFF;}（背景颜色）
.all-cats-hover .link{background:blue;}（鼠标滑过背景颜色）
.all-cats .title{font-size:14px;}(文字)
.all-cats-hover .title{color:#000;}（鼠标滑过文字颜色)
.all-cats .popup-icon{background:url(/imgextra/i2/1605878107/T2QBH7XnpXXXXXXXXX_!!) no-repeat;}（所有分类右边的小图标）
所以分类二级子菜单：
.popup-content{width:195px;border:none;}（整个div属性）
.popup-content .cat-name{color:yellow;}（文字的颜色）
.popup-content .cat-hd-hover .cat-name{color:red;}（鼠标滑过文字颜色)
.popup-content .cats-tree .cat-hd{background:red;}（背景颜色）
.popup-content .cats-tree .cat-hd-hover{background:blue;}（鼠标滑过背景颜色）
所以分类三级子菜单：
.popup-content .cats-tree .snd-pop-inner{width:195px;border:none;background:#66CCFF;}（整个div属性）
.popup-content .cats-tree .snd-pop-inner .cat-name{color:yellow;}（文字的颜色）
.popup-content .cats-tree .snd-cat-hd-hover .cat-name{color:red;}（鼠标滑过文字颜色)
.popup-content .cats-tree .snd-cat-hd{background:#fff;}（背景颜色）
.popup-content .cats-tree .snd-cat-hd-hover{background:#160595;}（鼠标滑过背景颜色）
.snd-pop-inner .fst-cat-bd .snd-cat-name{font-weight:100;}（所有宝贝下的文字设置）
首页、店铺动态其他导航：
淘宝导航条
.menu-list{background:blue;}（整个div属性）
.menu-list .title{color:yellow;}（文字的颜色）
.menu-list .menu-hover .title{color:blue;}（鼠标滑过文字颜色)
.menu-list .link{background:red;}（背景颜色）
.menu-list .menu-hover .link{background:blue;}（鼠标滑过背景颜色）
.skin-box-bd .menu-list .menu .link{border-right:1px solid #000000;}（导航分隔竖线）
访问的颜色
.skin-box-bd .menu-list .menu-selected .link .title{background:#66CCFF;}
.skin-box-bd .menu-list .menu-selected .link{background:#66CCFF;}
首页、店铺动态其他导航二级子菜单：
.menu-popup-cats{background:blue;}（整个div属性）
.menu-popup-cats .sub-cat .cat-name{color:#000}（文字的颜色）
.menu-popup-cats .sub-cat-hover .cat-name{color:#66ccff}（鼠标滑过文字颜色)
.menu-popup-cats .sub-cat{background:blue;}（背景颜色）
.menu-popup-cats .sub-cat-hover{background:blue;}（鼠标滑过背景颜色）
.menu-list .menu .link .popup-icon{background:none;clear:both;}（右边小图标）
固定背景
body{background:url(/imgextra/i3/1605878107/T2yN7fXiBXXXXXXXXX_!!) no-repeat fixed 20px 300px;}
版权声明：本文标题：淘宝(导航条css代码) 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/b/1709650683a542763.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论