标签：css
源代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>自由伸展的导航-divcss8.com</title>
<style type="text/css">
*{padding:0px;margin:0px;}
.zsubnav{width:218px;}
.zsubnav h4{background:url(images/comtop.png) no-repeat;height:28px;padding-left:40px;padding-top:20px;color:#fff;}
.zsubnav ul{border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3;}
.zsubnav ul li{padding-left:20px;}
.zsubnav .di{background:url(images/dtu.png) no-repeat;height:32px;}
</style>
</head>
<body>
<div class="zsubnav">
<h4>公司新闻</h4>
<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>
<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="di"></div>
</div>
</body>
</html>
例子2：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>自由伸展内容2－divcss8.com</title>
<style type="text/css">
*{padding:0px;margin:0px;}
#main{width:1000px;margin:0px auto;}
#main .main1{height:25px;background:url(images/main001.png) no-repeat;}
#main .main2{padding:0 10px;background:url(images/main033.png) repeat-y;}
#main .main3{height:25px;background:url(images/main03.jpg) no-repeat;}
</style>
</head>
<body>
<div id="main">
<div class="main1"></div>
<div class="main2">
<p>这divcss8.com这是我们学习的内容这是我们divcss8.com学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容</p>
<p>这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容</p>
<p>这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容</p>
<p>这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容</p>
<p>这是我们学习的内容这是我们学习的divcss8.com内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容</p>
<p>这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容</p>
<p>这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容</p>
<p>这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容</p>
<p>这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容</p>
<p>这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容</p>
<p>这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容</p>
<p>这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容</p>
<p>这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容</p>
<p>这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容</p>
<p>这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容</p>
<p>这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容</p>
<p>这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容</p>
<p>这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容</p>
<p>这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容</p>
<p>这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容</p>
<p>这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容</p>
<p>这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容</p>
<p>这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容</p>
<p>这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容这是我们学习的内容</p>
</div>
<div class="main3"></div>
</div>
</body>
</html>
本文出自 “读书屋” 博客，请务必保留此出处http://jiefei.blog.51cto.com/6994042/1655297
标签：css
原文地址：http://jiefei.blog.51cto.com/6994042/1655297
