（该处我们全部用黑和红）
前言：
一：用纯填充公民与法
.skin-box-bd .link{background:#000000;}
1、首页/店铺动态/其它导航类目的背景，这里设为红 */
.skin-box-bd .menu-list .link{background:red;}
2、所有分类的背景（最左边的），设为红
.all-cats .link{background:red;}
②修改整个导航的背景
.skin-box-bd .menu-list{background:#000000;}
到这里大家会发现导航右边会有一缺口，我也不知道是啥东西，不管它下一个代码补上。 ③修补导航右侧缺口漏泄同轴电缆
.skin-box-bd{background:#000000;}
二：用背景图填充
导航栏用背景图（以下三个代码要一起用）
①号代码
.skin-box-bd .link{background:url(图片地址);}
②号代码
.skin-box-bd .menu-list{background:url(图片地址);}
用③号代码修补一下
.skin-box-bd{background:url(图片地址);}
三张图片都是一样的哦，用同一张图片哦！
第二部分：静态文字和分隔线的设置
①“所有分类”以外文字的代码（即首页/店铺动态/其它导航类目的文字）
.menu-list .menu .title{color:#颜代码;font-size:字号px;}
②“所有分类”文字代码
.all-cats .link .title{color:#颜代码;font-size:字号px;}
以下代码的解释，红为其对应的部分
修改字体：
.menu-list .menu .title{color:#FFFFFF;font-size:15px;font-family:"黑体";}
字体加粗：
国瓷2008
.menu-list .menu .title{font-family: "方正行黑简体";font-size: 18px;color: #00FF00;font-weight: bold;}
不过，字体是不可以乱搞的！
要选择网页常用的，比如宋体，仿宋，黑体，一般改个黑体就足够醒目的啦！
字号一般12光纤陀螺到20之间。
要提醒一点，这里如果修改了颜，那么“鼠标经过”就不会再变了哦！不喜欢的可以把风险投资论文color: #XXXXXX干掉。
③所有分类后面的分隔线代码：.all-cats .link{border-color:#颜代码}
首页等分类的右边的分隔线颜，设为白 */
.menu-list .menu{border-color:white;}
④二级分类文字代码：
.popup-content .cats-tree .fst-cat .cat-name{font-size:字号;color:#颜代码;font-weight:bold/bolder/normal;}
（如果三级文字没代码，那么会和二级文字一样！）（这条代码仅修改所有分类下的二级类目文字颜和字号等，不对后面的二级类目产生影响，如下图所示，这条代码对“风扇”下的类目不产生影响，风扇类目下二级类目依旧为默认字号）
如果需要其他导航的二级分类和所有分类下的二级分类一致，那么需要借用下面的代码
.popup-content .cat-name{font-size:字号;color:#颜代码;font-weight:bold/bolder/normal;}
这样就一致了！
⑤二级分类背景代码：.popup-content{background:#颜代码}
⑥第一种：三级分类文字代码（除去“所有宝贝”分类）如下，这里字设为黄
.popup-content .cats-tree .snd-pop-inner .cat-name{ font-size:字号;color:#颜代码;font-weight:bold/bolder/normal;}
第二种：三级分类文字代码（包括“所有宝贝”分类字体大小）这样就无法改变字体颜！如下
.popup-content .cats-tree .snd-pop-inner{font-size:字号px;color:#颜;}
⑦三级分类背景代码：.popup-content .cats-tree .snd-pop-inner{background:#颜代码}
第三部分：互动部分的设置
（背景变换部分）
1 鼠标滑过首页/店铺动态/其它导航类目变换背景，这设为黑
.menu-list .menu-hover .link{background:#000000;}
②鼠标滑过所有分类（最左边那个）变换背景，这同样设为黑
.all-cats-hover .link{background:#000000;}
③鼠标滑过所有分类下的二级分类变换背景，这设为黑
.popup-content .cats-tree .cat-hd-hover{background:#000000;}
④鼠标滑过所有分类下的三级分类变换背景，这设为黄
.popup-content .cats-tree .snd-cat-hd-hover{background:yellow;}
⑤鼠标滑过导航类目下的宝贝分类变换背景，这设为蓝（这条代码是为首页后面的“宝贝分类（该处为风扇这一类目）”服务的，不对“所有分类”的二级，三级产生影响，看下图对比）
.menu-popup-cats .sub-cat-hover{background:blue;}
所有分类下的类目都处于默认状态
只对其他导航栏的二级分类产生影响
第四部分：互动部分的设置
（文字部分）
①鼠标滑过首页/店铺动态/其它导航类目变换文字颜，这设为红
.menu-list .menu-hover .title{color:red;}
②鼠标滑过所有分类（最左边那个）变换文字颜，这同样设为红 */
.all-cats-hover .link .title{color:red;}
③鼠标滑过导航类目下的宝贝分类变换文字颜，这设为红井冈山大学学报
.menu-popup-cats .sub-cat-hover .cat-name{color:red;}
④鼠标滑过所有分类下的二级分类变换文字颜，这设为红 */
.popup-content .cat-hd-hover .cat-name{color:red;}
“所有宝贝”鼠标划过后，字变成红，三级分类保持默认字
这里需要提醒的是，设置了这条代码之后，如果不设置三级分类的字，那么三级分类（除“所有宝贝”后面的三级分类以外）跟二级分类显示同样的字。如下图
⑤鼠标滑过所有分类下的三级分类变换文字颜，这设为红 */
.popup-content .cats-tree .snd-cat-hd-hover .cat-name{color:red;}
在同时使用了二级分类，三级分类字变换以后，会是什么效果呢，即，同时使用以上两条代码的效果是什么样？我们来试一下（该处二级红，三级黄）
.popup-content .cat-hd-hover .cat-name{color:red;}
.popup-content .cats-tree .snd-cat-hd-hover .cat-name{color:yellow;}
我们看到二级分类颜的设置，一定会影响到三级分类的字体颜，所以大家要小心了（这部分还是默认白的好看）
注意：这样做你的导航完成的差不多了，但是发布之后你如果发现字体的背景块有问题，
只有文字下方才有块，比如“首页”，只有“首页”两个字下面有颜，其它有些四个字的就四个字有，这样很影响美观！
所以我们还要加上两条代码
.skin-box-bd .menu-list .menu-selected .link{background:#000000;}
.skin-box-bd .menu-list .menu-selected .link .title{background:#000000;}
亲，如果有什么装修上的问题，可以到shop102981046.taobao/旺旺掌柜MM聊天，免费咨询装修上的小问题哦，希望大家都能把自己的小店装扮的美美的~
豫公网安备41160202000603
站长QQ:729038198
关于我们
投诉建议