摘要：<pre><!doctype html><html> <head> <meta charset="gbk"> <title>CSS基础及样式控制作业</title> <script type="text/javascript"
<pre>
<!doctype html>
<html>
<head>
<meta charset="gbk">
<title>CSS基础及样式控制作业</title>
<script type="text/javascript" src="https://www.huatu.com/images/2015css/js/jquery-1.7.1.min.js"></script>
</head>
<style>
*{margin:0;padding:0}
.menu{height:30px;}
.menu li{list-style:none;border:1px solid #ccc;height:30px;width:90px;float:left;margin-right:10px;text-align:center;line-height:30px}
.nav{width:1000px;height:40px;border:1px solid #ccc;margin-top:10px;text-align:center;padding-top:10px;background:#f00}
.nav a{display:inline-block;height:30px;width:90px;text-decoration:none;border:1px solid #ccc;line-height:30px;color:#ccc}
.nav a:hover{color:#fff}
.ad{position:fixed;top:200px;left:0px;border:1px solid #f00;background:#ccc;width:50px;text-align:center}
</style>
<body>
<ul>
<li id='1'>1月</li>
<li id='2'>2月</li>
<li id='3'>3月</li>
<li id='4'>4月</li>
<li id='5'>5月</li>
<li id='6'>6月</li>
<li id='7'>7月</li>
<li id='8'>8月</li>
<li id='9'>9月</li>
<li id='10'>10月</li>
<li id='11'>11月</li>
<li id='12'>12月</li>
</ul>
<div>
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">6</a>
<a href="#">7</a>
<a href="#">8</a>
<a href="#">9</a>
<a href="#">10</a>
</div>
<div>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</div>
</body>
</html>
</pre>
批改老师：灭绝师太批改时间：2018-11-19 16:34:02
老师总结：完成的不错，继续加油，可以，慢慢尝试更复杂的效果
