用html、CSS制作课程表
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>课程表</title>
<style type="text/css">
#a1{width:90px;height:35px;background-color:#66CCFF;float:left;padding:10px auto}
#a2{width:90px;height:35px;background-color:#00CC66;float:left;padding:10px auto}
#a3{width:120px;height:35px;background-color:#66CCFF;float:left;padding:10px auto} #a4{width:300px;height:35px;background-color:white;float:left;}
.p1{font-size:15px;text-align:center}
.p2{font-size:25px;font-family:黑体}
body{marign-left:300}
</style>
</head>
<body>
<center>
<p class="p2">2012-2013秋季学期课程表</p>
<div id="a4"> </div>
<div id="a3"><p class="p1">课程/时间</p></div><div id="a2"><p class="p1">周一</p></div><div id="a1"><p class="p1">周二</p></div><div id="a2"><p class="p1">周三</p></div>
<div id="a1"><p class="p1">周四</p></div><div id="a2"><p class="p1">周五</p></div><div id="a1"><p class="p1">周六</p></div><div id="a2"><p class="p1">周日</p></div>
<Br><br>
<div id="a4"> </div><div id="a3"><p class="p1">支付与结算</p></div><div id="a2"><p class="p1"> </p></div><div id="a1"><p class="p1">5、6、7</p></div><div id="a2"><p class="p1"> </p></div>
<div id="a1"><p class="p1"> </p></div><div id="a2"><p class="p1"> </p></div><div id="a1"><p class="p1"> </p></div><div id="a2"><p class="p1"> </p></div>
<Br><br>
<div id="a4"> </div><div id="a3"><p class="p1">网页设计</p></div><div id="a2"><p class="p1"> </p></div><div id="a1"><p class="p1"></p></div><div id="a2"><p class="p1">9、10、11 </p></div>
<div id="a1"><p class="p1"> </p></div><div id="a2"><p class="p1"> </p></div><div id="a1"><p class="p1"> </p></div><div id="a2"><p class="p1"> </p></div>
<Br><br>
<div id="a4"> </div><div id="a3"><p class="p1">创业投资</p></div><div id="a2"><p class="p1"> </p></div><div id="a1"><p class="p1"></p></div><div
id="a2"><p class="p1"> </p>
</div>
<div id="a1"><p class="p1">下3、4 </p></div><div id="a2"><p class="p1"> </p></div><div id="a1"><p class="p1"> </p></div><div id="a2"><p class="p1"> </p></div>
<Br><br>
<div id="a4"> </div><div id="a3"><p class="p1">网络与通讯</p></div><div id="a2"><p class="p1">5、6、7 </p></div><div id="a1"><p class="p1"></p></div><div id="a2"><p class="p1"> </p>
</div><div id="a1"><p class="p1"> </p></div><div id="a2"><p class="p1"> </p></div><div id="a1"><p class="p1"> </p></div><div id="a2"><p class="p1"> </p></div>
<Br><br>
<div id="a4"> </div><div id="a3"><p class="p1">条码技术</p></div><div id="a2"><p class="p1"> </p></div><div id="a1"><p class="p1"></p></div><div id="a2"><p class="p1">3、4 </p>
</div><div id="a1"><p class="p1"> </p></div><div id="a2"><p class="p1"> </p></div><div id="a1"><p class="p1"> </p></div><div id="a2"><p class="p1"> </p></div>
<Br><br>
<div id="a4"> </div><div id="a3"><p class="p1">佛教艺术</p></div><div id="a2"><p class="p1">9、10 </p></div><div id="a1"><p class="p1"></p></div><div id="a2"><p class="p1"> </p>
</div><div id="a1"><p class="p1"> </p></div><div id="a2"><p class="p1"> </p></div><div id="a1"><p class="p1"> </p></div><div id="a2"><p class="p1"> </p></div>
<Br><br>
<div id="a4"> </div><div id="a3"><p class="p1">文物鉴赏</p></div><div id="a2"><p class="p1"> </p></div><div id="a1"><p class="p1">9、10</p></div><div id="a2"><p class="p1"> </p>
</div><div id="a1"><p class="p1"> </p></div><div id="a2"><p class="p1"> </p></div><div id="a1"><p class="p1"> </p></div><div id="a2"><p class="p1"> </p></div>
<Br><br>
<div id="a4"> </div><div id="a3"><p class="p1">中美文化</p></div><div id="a2"><p class="p1"> </p></div><div id="a1"><p class="p1"></p></div><div id="a2"><p class="p1"> </p></div>
<div id="a1"><p class="p1">9、10 </p></div><div id="a2"><p class="p1"> </p></div><div id="a1"><p class="p1"> </p></div><div id="a2"><p class="p1"> </p></div>
</center>
</body>
</html>。