原创力文档- 1、本文档共2页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
下面是自定义导航的示例.首先要了解,什么是自定义css
CSS也叫层叠样式表单,是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言
店铺导航开放css设定,就是说让卖家通过css来让导航展现的更加丰富自定义,交给卖家控制。
以下文字内容可以一同复制使用，不会影响到使用效果哦！
/*导航条背景色*/
.skin-box-bd.menu-list{background:nonerepeatscroll00#FFFFFF;}
/*首页/店铺动态背景色*/
.skin-box-bd.menu-list.link{background:nonerepeatscroll00#FFFFFF;}
/*首页/店铺动态右边线*/
.skin-box-bd.menu-list.menu{border-right:1px#FFFFFFsolid;}
/*首页/店铺动态文字颜色*/
.skin-box-bd.menu-list.menu.title{color:#000000}
/*所有分类背景色*/
.all-cats.link{background:nonerepeatscroll00#FFFFFF;}
/*所有分类右边线*/
.all-cats.link{border-right:1px#FFFFFFsolid;}
/*所有分类文字颜色*/
.skin-box-bd.all-cats.title{color:#000000}
如果你想要更加个性，而不想只要简单的纯色块的话，可以自己做图片，然后连接上去，代码如下：
.skin-box-bd.link{background:url(图片链接);}
将“图片连接”换成你的图片的连接就可以了，一般都是自己做好然后上传到淘宝图片空间，然后链接就可以了！
二级分类文字代码如下：
.popup-content .cats-tree .fst-cat .cat-name{font-size: 字 号 px;color:# 颜 色 代码;font-weight:bold/bolder/normal;}
二级分类背景代码如下：
.popup-content{background:#000000;}
三级分类文字代码（除去“所有宝贝”分类）如下
.popup-content .cats-tree .snd-pop-inner{font-size: 字 号 px;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:#000000;}
鼠标滑过二级分类导航文字变换背景色代码如下：
.popup-content.cats-tree.cat-hd-hover{background:#000000;}
鼠标滑过二级分类导航文字变换颜色代码如下：
.skin-box-bd.popup-content.cats-tree.cat-hd-hover.cat-name{color:#ff0000;}
鼠标滑过三级分类导航文字变换背景色代码如下：
.popup-content.cats-tree.snd-cat-hd-hover{background:#000000;}
修改“所有宝贝”右边小图标代码如下：
.all-cats.link.popup-icon{background:url(图片连接);}
18.修改店招宽度：
.menu-list.menu{background:#颜色;margin:0;padding:0px增加的宽度px;}
文档评论（0）