<!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 ----- 制作北大青鸟网站导航
发布评论