商院官网：列表的应用 源代码
来自CloudWiki
商院官网：列表的应用_源代码
<!DOCTYPE html>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{margin:0;padding:0;}
#header{width:100%; height:auto; text-align:center;}
#layer1-1{width:45%; height:120px; background:white;text-align:center;float:left;}
#layer1-1 h2{line-height:350%;}
#layer1-1 img{width:520px;}
#layer1-2{width:55%; height:120px;background:#8DD1F9;;color:#074C97;text-align:center;float:left;}
#layer1-2 h3{line-height:350%;}
#layer1-2 h3{line-height:350%;}
#layer1-3{clear:both;}
#main{width:100%; height:auto;color:black;}
#layer2-1{width:100%;height:auto;background-repeat:no-repeat;
}
#layer2-1 img{width:100%;}
#layer2-2{width:100%;height:auto;padding-left:2%;}
.layer2-2-1{width:30%;height:300px;border-style:solid;border-width:medium;margin:10px;border-color:#074C97;float:left;}
.clear{clear:both;}
#layer2-2 h3{text-align:left; background:#074C97;color:white;font-size:1.2em;line-height:180%;text-align:left;}
#footer{width:100%; height:auto; line-height:200%; background:#EBEBEB;color:black;text-align:center;}
</style>
</head>
<body>
<div id="header">
<div id="layer1-1"><img src="http://www.sict.edu.cn/Templets/mode3/images/logo.png" /></div>
<div id="layer1-2"><h3>学校概况 机构设置 教育教学 就业创业 科技服务</h3>
<div id="layer1-3"></div>
</div>
<div id="main">
<div id="layer2-1"><img src="http://www.sict.edu.cn/Templets/mode3/ad/01.jpg" alt="校园图片" width="100%" /></div>
<div id="layer2-2">
<div class="layer2-2-1">
<h3>学校要闻</h3>
</div>
<div class="layer2-2-1"><h3>通知公告</h3>
</div>
<div class="layer2-2-1"><h3>媒体报道</h3>
</div>
<div class="clear"></div>
</div>
</div>
<div id="footer">
<p>学校地址：济南市旅游路4516号 邮编：250103</p>
<p>电话：0531-86335888 招生电话：0531-86335555</p>
<p>鲁ICP备05002370 </p>
</div>
</body>
</html>
