HTML第七章上机练习1
2016-10-19 17:04
399 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional
4000
.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>北大青鸟</title>
<style type="text/css">
div {
background-color:#CCC
}
.father {
border:1px #000 dashed;
width:900px;
height:105px;
}
.a {
float:left;
border: medium solid #FFF;
list-style-type: none;
border:1px #000 dashed;
}
.b {
float:right;
list-style-type: none;
border:1px #000 dashed;
}
ul{
padding-left:0px;
margin:0px;
}
.c {
background-color: #000;
}
.mather{
width:900px;
height:30px;
border:1px #003 dashed;
background-color:#000
}
li{
/*border:0px solid #0CC;*/
float:left;
color:#FFF;
list-style-type: none;
text-align: center;
line-height:30px;
width:110px;
}
a{color:#FFF;
text-decoration: none;
background:url(forumMenuBg.gif) 0px 0px no-repeat
}
a:hover{
background:url(forumMenuBg.jpg) 0px 0px repeat-x ;
}
a,a:hover{ display:block;
}
</style>
</head>
<body>
<div class="father">
<ul>
<li class="a"> <img src="forumLogo.jpg"/></li>
<li class="b"><img src="forumLogo_r.jpg"/></li>
</ul>
</div>
<div class="mather">
<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>
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 