类型： 图片美化 版本： V3.5
大小： 135.6 时间： 2025-11-12
导航栏CSS代码使用教程杀死蚊子手游下载-杀死蚊子安卓版2.0 最新版
第一部分、静态背景颜色
1、首页/店铺动态/其它导航类目的背景色，这里设为红色
.skin-box-bd.menu-list.link{background:red;}
2、所有分类的背景色（最左边的），一样设为红色
.all-cats.link{background:red;}
到这里，发觉右边的颜色还没有变呢，好的，接着下一步
3、导航条整个分类段背景色，还是要设为红色，整体布局好看些
.skin-box-bd.menu-list{background:red;}
注意观察，最右边还有一丝地方没有变
4、导航条背景色（是最底层了吧），修补导航右侧缺口，再设为红色
.skin-box-bd{background:red;}
小结：有点成功感了！换换其它颜色试试看吧
背景色最好搭配页头背景图，才能整体大气美观
第二部分、分隔线、静态文字的颜色
5、首页等分类的右边的分隔线颜色，设为白色
.menu-list.menu{border-color:white;}
6、所有分类的右边的分隔线颜色，设为白色
.all-cats.link{border-color:white;}
7、首页/店铺动态/其它导航类目的文字颜色
.menu-list.menu.title{color:yellow;}
8、所有分类的文字颜色（最左边那个）,
.all-cats.link.title{color:yellow;}
小结：其实原来默认文字的颜色也挺好的
第三部分、分类下的颜色
9、二级分类的背景色，设为灰色
.popup-content{background:gray;}
10、三级分类的背景色，我设为深灰色
.popup-content.cats-tree.snd-pop-inner{background:#504f4f;}
11、二级分类的文字颜色，设为黄色
.popup-content.cat-name{color:yellow;}
12、三级分类的文字颜色。（如果后面要鼠标滑过变色<21.22>，这句要写）
.popup-content.cats-tree.snd-pop-inner.cat-name{color:yellow;}
小结：上面这句不写，和二级分类颜色是一样的
第四部分、鼠标滑过变背景色
13、鼠标滑过首页/店铺动态/其它导航类目变换背景色，这设为蓝色
.menu-list.menu-hover.link{background:blue;}
14、鼠标滑过所有分类（最左边那个）变换背景色，这同样设为蓝色
.all-cats-hover.link{background:blue;}
15、鼠标滑过所有分类下的二级分类变换背景色，这设为蓝色
.popup-content.cats-tree.cat-hd-hover{background:blue;}
16、鼠标滑过所有分类下的三级分类变换背景色，这设为深蓝色
.popup-content.cats-tree.snd-cat-hd-hover{background:#160595;}
17、鼠标滑过导航类目下的宝贝分类变换背景色，这设为蓝色
.menu-popup-cats.sub-cat-hover{background:blue;}
小结：这个所有分类，与首页后面的，是要分开设计的
第五部分、鼠标滑过变文字颜色
18、鼠标滑过首页/店铺动态/其它导航类目变换文字颜色，这设为红色
.menu-list.menu-hover.title{color:red;}
19、鼠标滑过所有分类（最左边那个）变换文字颜色，这同样设为红色
.all-cats-hover.link.title{color:red;}
20、鼠标滑过导航类目下的宝贝分类变换文字颜色，这设为红色
.menu-popup-cats.sub-cat-hover.cat-name{color:red;}
21、鼠标滑过所有分类下的二级分类变换文字颜色，这设为红色
.popup-content.cat-hd-hover.cat-name{color:red;}
22、鼠标滑过所有分类下的三级分类变换文字颜色，这设为红色
.popup-content.cats-tree.snd-cat-hd-hover.cat-name{color:red;}
小结：这部分还是默认白色的好看
第六部分、导航项目激活状态
23、激活项目的文字背景色（难看，所以none）、文字颜色（选白色）
.skin-box-bd.menu-list.menu-selected.link.title{background:none;color:white;}
24、激活项目的项目背景色（项目框），选紫色
.skin-box-bd.menu-list.menu-selected.link{background:purple;}
小结：最多人忽视这部分，其实也是很多人想知道的
2、这样就可以生成代码
快趣吧淘宝导航css代码生成器就是现在操作十分的简单的导航css代码生成工具。不但能调导航条的文字颜色，而且还拥有颜色提取器，从而更快速的生成所需要的代码！
1、快趣吧淘宝CSS装修代码生成器由快趣吧淘宝店铺装修论坛开发，并免费提供给淘宝店家。
2、本软件适用于淘宝店铺装修之导航条的css代码生成。
3、七彩生活，由你做主。本软件可完美自定义设计，小到一条线的色彩，让您不再受制于淘宝限制。
4、即使预览功能，完全模块化、自动化。可设置任意色彩，且所见既所得，可即时预览修改任何地方的效果。
疯狂塔防物语安卓下载-Crazy Defense疯狂塔防物语安卓版最新版3.6.2 正版
1,739.8M
建造力量之塔，为怪物群的猛攻做准备，掌握多种法术，并将你的勇士部署到战斗中！当邪恶的暴君入侵较弱的王国以寻求使世界陷入永恒的黑暗时，世界在灾难的边缘摇摇欲坠。但...
周末视频app下载-周末视频2.0.1 免费版
1,638.3M
周末视频是一款免费观看各种影视资源的播放软件，在这里大家能看到所有的影视内容，全网视频在线流畅观看，重要的是还没有任何广告骚扰，轻松筛选出自己喜欢的影视作品，感...
抖狸Nico下载-抖狸社交app5.0.0 最新版
98.6M
这款软件是一款社交交友软件，在上面你可以轻松与其他人进行互动，直接进行社区交流，软件可以直接与他人语音，让聊天变得更加轻松！抖狸Nico介绍抖狸Nico—让相遇...
风云天涯账号注册机-天涯账号注册机1.0 破解版
492.0M
天涯账号注册机是一款可以帮助用户快速批量注册天涯帐号的软件工具。效率极高。有需要的可以来东坡下载使用！天涯账号注册机说明风云天涯账号注册机是一款绿色好用的天涯社...
潜江公交app下载-潜江公交app1.0.3 安卓版
890.8M
在潜江生活的朋友可以用手机刷码乘车了，潜江公交app给人们生活带来了便捷，随地查询公交车的实时情况，保持余额充足，乘车的时候直接刷码。功能介绍【实时公交】即时查...
恐龙岛生存考验手游下载-恐龙岛生存考验全新版189.1.10.3018 安卓版
1,963.9M
恐龙岛生存考验是一款异世界恐龙冒险游戏，超大的3D高清地图，炫酷的武器装备和角色人物，在恐龙世界展开奇幻冒险。建造房屋，狩猎生存，未知探险，这样的恐龙岛游戏的确...
2016年七一建党节演讲稿-2016年七一建党节讲话稿doc免费版
1,814.5M
今年是建党95周年，从延安时期举行纪念党的诞辰20周年的群众性纪念活动开始，“七一”这个光辉的节日已经深深地铭刻在全党和全国各族人民的心中，又到建党节来临之际了...
伏魔者传奇手游-伏魔者传奇游戏1.0 安卓版
1,632.1M
这款游戏是一款非常好玩的传奇类手机游戏，游戏有着超多不同的副本自由挑战，可以轻松选择各种传奇武器，游戏玩起来是非常好玩的，让游戏十分带感！伏魔者传奇手游介绍《伏...
房屋通下载-房屋通官方版1.1 最新版
1,193.9M
房屋通是一款专为房屋租赁打造的双方交流平台，为屋主与房客提供更好更专业的在线交流，同时提供大量的房源信息，直接在线联系，更便捷方便。安装说明打开安装程序，点下一...
phpstorm 中文补丁-phpstorm2016汉化补丁2016.2版
792.9M
PhpStorm是一个轻量级且便捷的PHPIDE，其旨在提供用户效率，可深刻理解用户的编码，提供智能代码补全，快速导航以及即时错误检查。phpstorm2016...
爱球迷app下载-爱球迷app5.0.3安卓最新版
1,266.9M
爱球迷app为你提供各种大型体育赛事，最新的体育资讯，附有球迷互动，可以参加活动。喜欢运动的朋友不要错过！爱球迷点评爱球迷是一款抓为球迷们打造的体育赛事资讯新闻...
自动竞技城堡塔防下载-Lone Castle(自动竞技城堡塔防游戏)0.1.3 中文版
1,142.2M
卡通画风的一款塔防类游戏，自动竞技城堡塔防LoneCastle可以选择一些自己擅长的阵容，然后在游戏里面肆无忌惮的对决。LoneCastle(自动竞技城堡塔防游...
伴儿行青少年APP下载-伴儿行APP2.0.7安卓专业版
638.2M
伴儿行是一款青少年教育软件，让家长可以更轻松的对孩子进行家庭教育，保证孩子的心理和人格健康；用户在软件中能够找到多种类型的活动信息，快速报名参与各种活动陪伴孩子...
轩辕传说1.6破解版地图下载-轩辕传说1.6 破解版【翅膀神器礼包+去除反作弊+刷物品脚本】
214.5M
给大家带来轩辕传说1.6破解版下载，地图支持人数为1-6人，该地图以破解，拥有无限翅膀神器礼包和刷物品脚本等功能，非常好使，有喜欢的玩家们下载试试吧！地图信息：...
饭团部落app下载-饭团部落看书软件1.0.0 最新版
983.3M
饭团部落是一款应用于手机端的专业的小说阅读器软件，这里为大家提供了全网内最热门的小说资源，而且每天都会进行更新，软件还支持离线阅读、自动换源、书签同步等功能，给...
碰碰狐神奇的身体完整版-碰碰狐神奇的身体游戏v15 最新版
2025/10/26 07:13
爱巴士书房屋下载app-爱巴士书房app1.0.0
2025/11/01 01:16
AirPinPcSender下载-AirPinPcSender(传屏软件)1.6.7免费版
2025/10/31 07:45
鬼神吕布下载-鬼神吕布三国游戏1.0.0最新版
2025/10/19 14:20
知网毕设安卓版下载-知网毕设app安卓版3.0.8 最新版
2025/11/08 20:44
巅峰坦克装甲战歌游戏下载-巅峰坦克装甲战歌4.0.0 正版
2025/11/04 20:09
高能宠物团游戏下载安卓版-高能宠物团1.8.3.28644 最新测试版
2025/11/01 21:39
微商做图修改版下载-微商做图app1.7.8 会员修改版
2025/10/29 11:56
米乐英语pad下载-米乐英语pad3.0.3 最新版
2025/11/01 09:50
人员培训app安卓免费下载-人员培训app10.17 最新版
2025/10/31 06:39
极品飞车18：宿敌全版本十四项修改器By风灵月影
2025/11/09 08:50
uc浏览器ios下载-UC浏览器iPhone版16.3.8.2290 官方免费版
2025/10/18 18:17
猫咪陪玩app安卓版下载-猫咪陪玩官方版1.0.1 安卓手机版
2025/11/01 13:45
垂耳兔生存游戏免费下载-垂耳兔生存1.1.1 单机免费版
2025/11/11 13:08
MODO 11下载-The Foundry MODO 11破解版11.0v3 附破解工具
2025/11/03 04:21
MODO 11下载-The Foundry MODO 11破解版11.0v3 附破解工具
2025/11/03 04:21更新
modo11是一款集建模、雕刻、3D绘画、动画与渲染于一身的综合性3D软件，应用于游戏、广告、影视制作等行业，可以帮助设计师设计出精美的作品，拥有强大的建模和雕...
支持 ( 6 ) 盖楼(回复)
支持 ( 100 ) 盖楼(回复)
支持 ( 187 ) 盖楼(回复)
支持 ( 7 ) 盖楼(回复)
支持 ( 159 ) 盖楼(回复)
支持 ( 38 ) 盖楼(回复)
支持 ( 172 ) 盖楼(回复)
支持 ( 18 ) 盖楼(回复)
支持 ( 188 ) 盖楼(回复)
支持 ( 86 ) 盖楼(回复)
支持 ( 155 ) 盖楼(回复)
支持 ( 194 ) 盖楼(回复)
支持 ( 43 ) 盖楼(回复)
支持 ( 25 ) 盖楼(回复)
支持 ( 33 ) 盖楼(回复)
支持 ( 91 ) 盖楼(回复)
支持 ( 167 ) 盖楼(回复)
支持 ( 17 ) 盖楼(回复)
支持 ( 83 ) 盖楼(回复)
支持 ( 144 ) 盖楼(回复)