www.gusucode.com > 蓝色圆角水平导航菜单源码程序 > 蓝色圆角水平导航菜单/caidan_blue/style.css

    /* --------------------------
AUTHOR : STYLED MENUS
URL : http://www.styledmenus.com
Copyrights by STYLED MENUS
----------------------------*/
*{
	margin:0;
	padding:0;
}
body{
	background:#fff;
	color:#666;
	font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
}
#menu{
	width:100%;
	margin:15px;
}
#menu ul{
	list-style:none;
}
#menu li{
	list-style:none;
	display:block;
	float:left;
	margin:0 2px;
}
#menu li a{
	display:block;
	float:left;
	height:66px;
	color:#fff;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	background:url(images/menu_009_l.jpg) no-repeat left;
	line-height:66px;
	padding:0 0 0 9px;
	text-decoration:none;
}
#menu li a span{
	display:block;
	float:left;
	background:url(images/menu_009_r.jpg) no-repeat right;
	height:66px;
	color:#d2eeff;
	line-height:66px;
	padding:0 18px 0 8px;
}
#menu li a:hover{
	display:block;
	float:left;
	background:url(images/menu_009_h_l.jpg) no-repeat left;
	height:66px;
}
#menu li a:hover span{
	display:block;
	float:left;
	background:url(images/menu_009_h_r.jpg) no-repeat right;
	color:#fff;
	height:66px;
}
#menu li a.current{
	display:block;
	float:left;
	height:66px;
	color:#fff;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	background:url(images/menu_009_h_l.jpg) no-repeat left;
	line-height:66px;
	padding:0 0 0 9px;
	text-decoration:none;
}
#menu li a.current span{
	display:block;
	float:left;
	background:url(images/menu_009_h_r.jpg) no-repeat right;
	height:66px;
	color:#fff;
	line-height:66px;
	padding:0 18px 0 8px;
}