摘要：<!DOCTYPE html><html><head><meta charset="gb2312"><title>導航作業(yè)</title><style type="text/css">ul li{height:100px;width:100px;border:2px;back
<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312">
<title>導航作業(yè)</title>
<style type="text/css">
ul li{height:100px;width:100px;border:2px;background:blue;float:left;margin:10px;}
.main{height:100px;width:100px;border:2px;background:red;float:left;margin:10px;}
.clear{clear:both;}
</style>
</head>
<body>
<ul>
<li>導航1</li>
<li>導航2</li>
<li>導航3</li>
</ul>
<div class="clear"></div>
<div class="main">小紅</div>
<div class="main">小綠</div>
<div class="main">小黃</div>
</body>
</html>
批改老師：滅絕師太批改時間：2019-02-28 09:23:54
老師總結：完成的不錯!案例可以完善點找點網(wǎng)頁效果練習!