《新旺铺导航css代码 超漂亮(原创)》由会员分享,可在线阅读,更多相关《新旺铺导航css代码 超漂亮(原创)(4页珍藏版)》请在金锄头文库上搜索。
1、新旺铺导航新旺铺导航 CSSCSS 代码代码 超漂亮超漂亮( (原创原创) ).skin-box-bdbackground: #FFF; border-top: 1px #CCCCCC dashed; /*整个导航条*/ /*以下为所有分类的属性*/.all-catsbackground: none; max-width: 300px; _width: 300px;/*所有分类 div 的最大宽度 300px*/.all-cats .link background:none; border:none; /*此处尽量不要更改*/.all-cats .link .title color: #737
2、373; font-weight: bold;/*所有分类文字的颜色和文字加粗,也可以设置文字大小、文字类型等属性*/.all-cats .link .title:hovercolor: #333;/*鼠标停留时,所有分类文字的颜色*/.all-cats .link:hoverbackground: none;/*鼠标停留时,所有分类背景的颜色*/.all-cats .link .popup-icon background: url(“http:/ no-repeat; width: 15px; height: 13px; margin-top: 10px; margin-left: 70px
3、; float: right;/*所有分类右边的小图标*/*以下为所有分类的子菜单的属性*/.popup-contentbackground: #fff; border: 1px #CCC solid; width: 180px;/*一级子菜单整个 div 的属性*/.popup-content .cats-tree .fst-cat width: 180px; border:none; float: left;/*一级子菜单每个菜单项的属性*/.popup-content .cats-tree .fst-cat .cat-name color: #737373; font-weight: n
4、ormal; /*一级子菜单文字的属性*/.popup-content .cats-tree .cat-hd-hover background: #acd598;/*鼠标停留时一级子菜单的背景色*/.popup-content .cats-tree .cat-hd-hover .cat-name color: #fff;/*鼠标停留时一级子菜单的文字*/.popup-content .cats-tree .snd-pop-inner background:#fff; border:1px #CCCCCC solid; width: 170px; height: 300px;/*二级子菜单的背景
5、颜色、宽度和高度*/.popup-content .cats-tree .fst-cat .snd-pop .snd-cat-hd a color:#737373; font-weight: normal;/*二级子菜单的文字的属性*/.popup-content .cats-tree .snd-cat-hd-hover background: none;/*鼠标停留时二级子菜单背景的颜色*/.popup-content .cats-tree .fst-cat .snd-pop .snd-cat-hd a:hover color: #000;/*鼠标停留时二级子菜单的文字颜色*/*以下为除所有
6、分类外,其他菜单的属性*/.menu-list background: none; width: 750px; /*其他菜单整个div 的背景颜色和宽度*/.menu-list .link background: none;.menu-list .menu background: none; border:none; /*其他菜单每个菜单项的背景颜色*/.menu-list .menu .title color: #737373; font-weight: bold; /*其他菜单每个菜单项的文字属性*/.menu-list .menu-hover .link background: #acd
7、598; /*鼠标停留时,其他菜单的菜单项的背景颜色*/.menu-list .menu-hover .link .title background: none; color: #FFF; border:none;/*鼠标停留时其他菜单的菜单项的文字属性*/.menu-list .menu-selected .link background: none;.menu-list .menu-selected .link .title background:none;color:#737373;/*当前选中的菜单项的背景*/*以下为除所有分类外,其他菜单的子菜单的属性,尽量设置成和所有分类的子菜单一
8、样*/.menu-list .menu .popup-content background: #fff; width: 120px;.menu-popup-cats width: 120px;.menu-popup-cats .sub-cat-hover background: #fff;.menu-popup-cats .sub-cat .cat-name color: #737373;.menu-popup-cats .sub-cat-hover .cat-name color: #000;.menu-list .menu .link .popup-icon background: url(“http:/ no-repeat; width: 9px; height: 8px; margin-top: 11px; margin-left: 10px; float: left; display: inline-block;