源代码:
<!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>