css视频教程自由伸展的导航

作者:divcss教程吧      点击次数:503次     发布日期:2015-05-26

源代码:

css视频教程自由伸展的导航

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>
css视频教程自由伸展的导航

css视频教程自由伸展的导航

分享DIVCSS8