摘要：<!DOCTYPE html><html><head> <title></title></head><style type="text/css">ul li{ list-style: none; width: 100px; height: 40px; line-height: 40px; tex
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<style type="text/css">
ul li{
list-style: none;
width: 100px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: #ccc;
margin: 0px 1px;
float: left;
}
.box1{
width: 200px;
height: 200px;
background-color: red;
float: right;
}
.clear{clear: both;}
</style>
<body>
<ul>
<li>首页</li>
<li>电影</li>
<li>电视剧</li>
<li>动漫</li>
<li>综艺</li>
</ul>
<div class="clear"></div>
<div class="box1">我是1</div>
<div class="box1">我是2</div>
<div class="box1">我是3</div>
</body>
</html>
批改老师：查无此人批改时间：2019-04-16 09:44:05
老师总结：完成的不错。样式决定整个页面的美感，要好好练习，继续加油。
