第三次的补充
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
body{background:gray;
text-align:center;}
#wrapper{width:1024px;
background:white;
margin:0 auto;
text-align:left;}
#branding{background:#aaaaaa;
height:100px;
line-height:100px;
font-size:2.5em;
text-align:center;}
#footer{background:black;
color:white;
height:80px;
line-height:80px;
font-size:1em;
text-align:center;}
</style>
</head>
<body>
<div id="wrapper">
<div id="branding">
北京联合大学
</div>
<div id="content">
内容<br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/>
</div>
<div id="mainNav">
<ul>
<li><a href="#">智慧城市学院</a></li>
<li><a href="#">旅游学院</a></li>
<li><a href="#">自动化学院</a></li>
<li><a href="#">商务学院</a></li>
<li><a href="#">艺术学院</a></li>
</ul>
</div>
<div id="footer">
Copytright@buu.edu.cn
</div>
</div>
</body>
</html>
