<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>北大青鸟</title>

<style type="text/css">
f{
	width:900px;
	height:80px;
	}
li {
	width:80px;
	line-height:40px;
	list-style-type:none;
	float:left;
	
}
a,a:hover{
	display:block;
	
}
a{
	background:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/forumMenuBg.gif) 0px 0px no-repeat;
	
	font-weight:bold;
	
	font-size:14px;
	
	color: #FFF;
	
	text-align: center;
	}
a:link{
		text-decoration:none;
		}
a:hover{
	font-weight:60px;
	
	}
ul{
padding-left:0px;
margin:0px;

}
.d{float:left}
.d1{
	float:right}	
	
f,a:hover{background:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/forumMenuBg.jpg);
background-repeat:repeat-x;

}
.j{background:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/forumMenuBg.gif)top right no-repeat;
	}
	.two{
		background-color:#000;
		width:900px;
		height:35px;
		float:left;
		}
</style>
</head> 

<body>
<div class="f">
<img class="d" src="图片素材/forumLogo.jpg" >
<img class="d1" src="图片素材/forumLogo_r.jpg"></div>
<div class="two">
<ul>

<li><a href="#">首页</a></li>
<li><a href="#">青鸟知识库</a></li>
<li><a href="#">青鸟论坛</a></li>
<li><a href="#">学员问答</a></li>
<li> <a href="#">青鸟圈子</a></li>
 <li><a href="#">实时课堂</a></li>
 <li><a href="#"> 客户端下载</a></li>
 <li><a href="#">帮助中心</a></li>
</ul>
</div>
</body>
</html>

更多推荐

Html ----- 制作北大青鸟网站导航