新旺铺导航条css代码范例讲解

新旺铺导航条css代码范例讲解：

提示：/*导航条背景色，整体背景*/这种格式的css注解

下面是一个个性导航条css的代码：

其效果是：

（1）导航条整体背景色为:#CE243F

（2）菜单选中时的背景色为:#A50100

（3）鼠标悬停时的背景色为:#A50100

（4）文字的颜色为:#FFFFFF（白色）

下面是代码

/*导航条背景色，整体背景*/
.skin-box-bd{background:#CE243F;}
/*修改整个导航的背景色，菜单项右侧多余区域*/
.skin-box-bd .menu-list{background: none repeat scroll 0 0 #CE243F;}
/*菜单项右边线*/
.skin-box-bd .menu-list .menu{border:0px;}
/*菜单项的背景色*/
.skin-box-bd .menu-list .menu .link{background: none repeat scroll 0 0 #CE243F;}
/*菜单项文字颜色*/
.skin-box-bd .menu-list .menu .title{color:#FFFFFF}
/*当前页(选中页)菜单项背景色*/
.skin-box-bd .menu-list .menu-selected .link{background:#A50100;}
/*当前页(选中页)菜单项文字颜色*/
.skin-box-bd .menu-list .menu-selected .link .title{color:#FFFFFF;background:#A50100;}
/*鼠标悬停在菜单项时的翻转背景色*/
.skin-box-bd .menu-list .menu-hover .link{background:#A50100;}
/*鼠标悬停在菜单项时的文字颜色*/
.skin-box-bd .menu-list .menu-hover .link .title{color:#FFFFFF;background:#A50100;}

/*所有分类背景色*/
.skin-box-bd .all-cats .link{background: none repeat scroll 0 0 #CE243F;border:0px;}
/*所有分类文字颜色*/
.skin-box-bd .all-cats .title{color:#FFFFFF}