topmenu.css

6个网页标准全站代码

/*
Page top
Contain the logo,header,topmenu,layersh and toppic five layers.
coding by Shiny
My site:http://www.ixue.net
My blog:http://blog.csdn.net/ixue/
*/
#top{
	width:750px;
	margin-right: auto;
	margin-left: auto; 
	padding: 0px;
	border:0;
}
#logo {
	margin: 0px;
	padding:3px;
	border:0px;
	width: 200px;
	float:left;
}
#header{
	padding-top:45px;
	padding-right:5px;
	float:right;
	}
/*Main menu*/
#topmenu {
	clear:both;
	margin:0px; 
	border:0px;
	background:#515151;
	font-size:14px;
	color: #FFF; 
	height:27px;
}

#topmenu ul {
	clear: left;
	margin: 0px;
	padding: 0px;
	border:0px;
	list-style-type: none;
	text-align: center; 
}

#topmenu li {
	float:left;
	display: block;
	margin: 0px;
	padding:0px;
	text-align: center;
	border-left:#fff 1px solid;
	line-height:27px;
}

#topmenu li a {
	display: block;
	margin:0px;
	padding:0px;
	width: 100%; 
	color: #FFF; 
	text-decoration: none;
}
#topmenu li a:hover {color: #fff;}
#topmenu ul li#one A {width: 83px}
#topmenu ul li#one a:hover{	background:#f00;}
#topmenu ul li#two A {width: 82px}
#topmenu ul li#two a:hover{	background:#3399AD;}
#topmenu ul li#three A {width: 82px}
#topmenu ul li#three a:hover{background:#E6731A;}
#topmenu ul li#four A {width: 82px}
#topmenu ul li#four a:hover{background:#E58D08;}
#topmenu ul li#five A {width: 82px}
#topmenu ul li#five a:hover{background:#8BB531;}
#topmenu ul li#six A {width: 82px}
#topmenu ul li#six a:hover{	background:#4578C5;}
#topmenu ul li#seven A {width: 82px}
#topmenu ul li#seven a:hover{background:#39F;}
#topmenu ul li#eight A {width: 82px}
#topmenu ul li#eight a:hover{background:#03c;}
#topmenu ul li#nine A {width: 84px}
#topmenu ul li#nine a:hover{background:#06c;}
/*Hidden layer*/
#layersh{
	clear:both;
	width:750px;
	height:25px;
	visibility: hidden;
	background: #ddd;
	text-align:left;
	}
.sub{
	clear:both;
	position:absolute;
	visibility: hidden;
	padding-left: 5px;
	padding-top:3px;
	height:20px;
	}
#sub01,#sub02,#sub03,#sub04,#sub05,#sub06,#sub07,#sub08,#sub09{}
/*Top picture*/
#toppic{
	padding-bottom:15px;
	}