<html leng="en">
<head>
<meta charset="utf-8">
<title>标签应用</title>
<style></style>
<script type="text/javascript">
</script>
<style type="text/css">
body{margin:0;padding:0;background-color:#F8E6E6;}
ul,li{margin:0;padding:0;}
.zong{height:176px;border:1px solid #cc0000;background-image: url(img/1.png)}
.top{width:1200px;height:auto;margin:0 auto;margin-top:20px;}
.top ul{float:right;}
.top ul li{border-right:2px solid #ffffff;float:left;list-style:none;text-align:center;
width:145px;height:60px;line-height:76px;}
a{font-size:18px;text-decoration:none;color:#ffffff;height:60px;width:120px;margin:0 auto;line-height:60px;display:block;}
a:hover{color:#ff3399;background:#ffffff;}
.top-xia{width:1200px;height:50px;margin:0 auto;margin-top:24px;}
.top-xia ul{float:left;}
.top-xia ul li{float:left;list-style:none;text-align:center;width:120px;height:63px;}
.top-xia ul li a{color:#BF4D4D;height:50px;width:100px;display:block;line-height:50px;}
.top-xia ul li a:hover{background:#F8E6E6;}
.zhong{width:1200px;height:1000px;margin:0 auto;}
.zhong-shang{height:53px;background-color:#ffffff;}
.zhong-shang span{height:53px;line-height:30px;margin:0 auto; display:block;width:320px;}
.zhong-shang span select{height:30px;background-color:#EDBEBE;}
.zhong-shang span input{height:30px;margin-left:-8px;}
.zhong-zhong{height:300px;}
.xia{height:30px;background-color:#EEC0C0;}
.xia-xia{height:30px;margin:0 auto;width:1200px;background-color:#EEC0C0;}
.xia-xia ul{float:left;}
.xia-xia ul li{float:left;list-style:none;text-align:center;width:120px;height:60px;}
.xia-xia ul li a{border-right:1px solid #66ccff;height:30px;width:75px;line-height:30px;}
.xia-you{float:left;line-height:30px;}
</style>
</head>
<body >
<div class='zong'>
<div class='top'>
<img src="img/logo.gif">
<ul>
<li><a href="#">网站模板</a></li>
<li><a href="#">个人网站模板</a></li>
<li><a href="#">个人网页制作</a></li>
<li><a href="#">html网页模板</a></li>
<li><a href="#">网制作公司</a></li>
<li><a href="#">网页制作</a></li>
</ul>
</div>
<div class="top-xia">
<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>
<li><a href="#">PPT模板</a></li>
<li><a href="#">帮助</a></li>
</ul>
</div>
<div class="zhong">
<div class="zhong-shang">
<span>
<select name="值">
<option value="值">请选择以下城市</option>
<option value="值">北京市</option>
<option value="值">上海市</option>
<option value="值">广州市</option>
<option value="值">深圳市</option>
</select>
<input type="text">搜索
</span>
</div>
<div class="zhong-zhong">
<marquee>
<img src="img/divcss.jpg">
<img src="img/5.jpg">
<img src="img/404.jpg">
</marquee>
</div>
</div>
<div class="xia">
<div class="xia-xia">
<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>
<li><a href="#">返回首页</a></li>
</ul>
<div class="xia-you">
Copyright © 2007-2011 mobanwang.com Inc.All rights reserved
</div>
</div>
<div>
</div>
</body>
</html>
试图如下
来源：http://www.cnblogs.com/liujinrui/p/6079520.html