列表的实际应用 源代码
来自CloudWiki
列表的实际应用_源代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{letter-spacing:0.2em;margin:0;padding:0;}
h2{text-align:center;}
p{text-align:left;}
h2{text-align:left;}
#layer1{width:100%; height:100px; background:#074C97;color:white;text-align:center;}
#layer1 h1{height:100px;line-height:100px;}
#layer2{width:100%; height:auto;color:black;border:1px solid;}
#layer2-1{
width:70%; height:450px;
margin:0 ;padding:0;color:black;border:1px solid;
text-align:center;float:left;
}
#layer2-1 h2{text-align:left;line-height:150%;}
#source {text-align:right;}
#layer2-2{
width:29%; height:450px;
margin:0 auto;border:1px solid;
color:black;text-align:center;float:left;
}
#layer2-2 h2{text-align:center;line-height:200%;padding-top:10%;}
#layer2-3{clear:both;}
#layer3{
width:100%; height:80px;
background:#074C97;color:white;
text-align:center;
}
#layer3 p{
height:30px;line-height:30px;
text-align:center;
}
</style>
</head>
<body>
<div id="layer1"><h1>山东商业职业技术学院</h1></div>
<div id="layer2" >
<div id="layer2-1" class="content">
<h2>学院要闻</h2>
<hr width="70%" align="left" /><br/>
</div>
<div id="layer2-2">
<h3>新闻排行</h3>
<center><hr width="70%" align="left" /></center>
</div>
</div>
<div id="layer2-3"></div>
</div>
<div id="layer3"><p>学校地址：济南市旅游路4516号 邮编：250103</p></div>
</body>
</html>
