www.gusucode.com > 紫色水平导航菜单源码程序 > 紫色水平导航菜单/CSS-Rollover-Menu/style.css

    * {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, sans-serif;
	font-size: 1em;
	padding: 10px;
}

#menu {
	position:relative; 
	display:block;
	width:350px;
}

#menu ul {
	list-style-type: none;
	width: 800px;
}

#menu ul li {
	display: block;
	float: left;
	width: 200px;
	height: 60px;
}

#menu a, #menu a:visited {
	display: block;
	width:200px; 
	height:60px; 
	background:url(nav_block.jpg); 
	background-position:left top; 
	background-color:transparent; 
	text-align:center; 
	color:black; 
	line-height:60px; 
	text-decoration:none; 
	font-family:arial, sans-serif; 
	font-weight:bold; 
	margin-top:5px;
}

#menu a:hover {
	background-position:left center; 
	line-height:60px; 
	overflow:hidden; 
	color:white;
}

#menu a#selected {
	background-position:left bottom; 
	line-height:60px; 
}

#menu a#selected:hover {
	color:white;
}