浮动(第七章上机1)

最新推荐文章于 2022-05-04 19:08:27 发布

原创最新推荐文章于 2022-05-04 19:08:27 发布 · 2k 阅读

CC 4.0 BY-SA版权

<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>