淘宝导航栏底色怎么改？

　　淘宝导航栏底色怎么改?很多小伙伴们不知道淘宝导航栏底色怎么改，当你对底色不再喜欢时，修改淘宝导航栏底色变成了困扰你的难题了，那么淘宝导航栏底色怎么改?小编就来和大家一起学习下淘宝导航栏底色怎么改。

　　淘宝导航栏底色怎么改?

　　导航条色彩css代码(复制下面代码即可)：

　　/* 导航条背景色*/ .skin-box-bd .menu-list{background: none repeat

　　scroll 0 0 #f86c4c}

　　/*首页/店铺动态背景色*/

　　.skin-box-bd .menu-list .link{background: none repeat scroll 0 0

　　#f86c4c}

　　/*首页/店铺动态右边线*/

　　.skin-box-bd .menu-list .menu{border-right:1px #f86c4c solid;}

　　/*首页/店铺动态文字颜色*/

　　.skin-box-bd .menu-list .menu .title{color:#000000}

　　/*所有分类背景色*/

　　.all-cats .link{background: none repeat scroll 0 0 #f86c4c;}

　　/*所有分类右边线*/

　　.all-cats .link{border-right:1px #f86c4c solid;}

　　/*所有分类文字颜色*/

　　.skin-box-bd .all-cats .title{color:#000000}

　　.skin-box-bd{height:35px;background:url

　　(/shangchuan/20131016111822.jpg) no-repeat 0

　　0;}.skin-box-bd a{color:#FFFFFF;font-family:微软雅黑;font-

　　size:14px;font-weight:normal;}.skin-box-bd .menu

　　{background:none;line-height:35px;}.skin-box-bd .menu-list

　　{height:35px;}.skin-box-bd .menu-list .link .title

　　{margin:0px;}.skin-box-bd .menu-list .link

　　{background:none;height:35px;line-height:35px;padding:0

　　20px;}.skin-box-bd .menu-list .menu{padding-right:0px;}.skin-box-bd

　　.menu-list .menu a{background:url

　　(http://img.taobao.com/L1/142/404327582/assets/images/head/nav_li_bg

　　.jpg) no-repeat right center;font-family:微软雅黑;font-

　　weight:normal;}.skin-box-bd .menu-list .menu a:hover{background:url

　　(/shangchuan/20131016111827.png) no-repeat 0

　　center;cursor:pointer;}.skin-box-bd .menu-list .menu a span{font-

　　size:15px;color:#000;}.skin-box-bd .all-cats .link

　　{background:none;line-height:35px;padding:0

　　10px;width:168px;}.skin-box-bd .all-cats .link{background:url

　　(/shangchuan/20131016111827.png) no-repeat 0

　　center;border:none;color:#FFF;font-family:微软雅黑;font-

　　size:15px;font-weight:normal;height:35px;line-height:35px;}.skin-

　　box-bd .all-cats .link .title{font-size:15px;margin-

　　left:10px;}.skin-box-bd .all-cats .link .popup-icon

　　{display:none;}.skin-box-bd .popup-content

　　{background:#F68B8B;border:none;}.skin-box-bd .popup-content .cats-

　　tree .snd-pop-inner{background:#65B6A4;}.skin-box-bd .popup-content

　　.cats-tree .cat-hd:hover,.skin-box-bd .popup-content .cats-tree

　　.cat-hd-hover{background:#86CABB;}.skin-box-bd .popup-content

　　.cats-tree .snd-cat-hd:hover,.skin-box-bd .popup-content .cats-tree

　　.snd-cat-hd-hover{background:#D90724;}.skin-box-bd .popup-content

　　.cats-tree .has-children{background:none;}.skin-box-bd .popup-

　　content .cats-tree .fst-cat-icon{background:none;}.skin-box-bd

　　.popup-content .cats-tree .snd-cat-icon{background:none;}.skin-box-

　　bd .menu-list .link .popup-icon{display:none;}.skin-box-bd .menu-

　　popup-cats .sub-cat-hover{background:#86CABB;}

　　将上面的代码全选后，复制，然后打开店铺装修，点击到导航条，选择编辑。

　　在出现的导航代码编辑框中，选择“显示设置”，如图所示：

　　将代码黏贴到编辑框中，选择确定。

　　然后保存就可以看到效果了。

　　如果你对这个色彩不满意，可以对代码中的 background及其#后面的颜色进行修改。

　　最后这里就是淘宝导航栏底色怎么改的介绍了，看了小编我的介绍内容你了解了淘宝导航栏底色怎么改了吗?小伙伴们是不是都懂了呢?更多好玩有趣资讯请关注。

　　相关推荐：