<img src="https://img-blog.youkuaiyun.com/20161019145543962?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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">
.aaa {
background:#EDEDED;
width:900px;
height:105px;
}
.one {
list-style-type:none;
background-color:#CCC;
float:left;
}
.two {
list-style-type:none;
background-color:#CCC;
float:right;
}
.bbb {
background-color:#333;
width:900px;
height:18px;
}
ul {
padding-left:0px;
margin:0px;
}
li {
list-style-type:none;
float:left;
width:100px;
border:#000 thin;
text-align:center;
}
a {
color:#FFF;
text-decoration:none;
background:url(../Desktop/forumMenuBg.gif) 0px 0px no-repeat;
display:block;
}
a:hover {
color:#F00;
background:url(../Desktop/forumMenuBg.jpg) 0px 0px repeat-x;
display:block;
}
a.a:hover {
display:block;
}
</style>
</head>
<body>
<div class="aaa">
<ul>
<li class="one"><img src="../Desktop/文件接收柜/03 提供给学员的上机练习素材/练习1:北大青鸟网站导航/图片素材/forumLogo.jpg" /></li>
<li class="two"><span class="two"><img src="../Desktop/文件接收柜/03 提供给学员的上机练习素材/练习1:北大青鸟网站导航/图片素材/forumLogo_r.jpg" /></span></li>
</ul>
</div>
<div class="bbb">
<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>
浮动(第七章上机1)
最新推荐文章于 2022-05-04 19:08:27 发布