css3技术

div+css教程_DIV+CSS实现网页布局实例代码(2)_div+css教程(4)

字号+ 作者:H5之家 来源:H5之家 2015-09-16 14:29 我要评论( )

/div div class=left_b div class=tab1 h3第一个栏目/h3 /div div class=tab2 ul lia href=#我是中国人/a/li lia href=#我是中国人/a/li lia href=#我是中国人/a/li lia href=#我是中国人/a/li lia href=#我是中国

  </div>
  <div class="left_b">
   <div class="tab1">
    <h3>第一个栏目</h3> 
   </div>

   <div class="tab2">
    <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>
   <li><a href="#">我是中国人</a></li>
 
    </ul>
   </div>

  </div>
 </div>
 <div class="right_main">

 </div>
 <div class="nav">nav</div>
 <div class="con">
  <div class="one"></div>

  <div class="two"> </div>

  <div class="three"> </div>
 
  <div class="four"> </div>

 </div>

<div class="left_main">
  <div class="left_a"></div>
  <div class="left_b"></div>

  <div class="nav_a">nav_left</div>

  <div id="tab">
   <h3  onclick="go_to(1)">选择一</h3>
   <h3 onclick="go_to(2)">选择二</h3>
   <h3 onclick="go_to(3)">选择三</h3>
   <h3 onclick="go_to(4)">选择四</h3>
   <h3 onclick="go_to(5)">选择五</h3>

   <div class="block">
    <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>
   <li><a href="#">我是中国人</a></li>
   <li><a href="#">我是中国人</a></li>
   <li><a href="#">我是中国人</a></li>
    </ul>
   </div>
  
   <div>
    <ul>
   <li><a href="#">222222222222</a></li>
   <li><a href="#">22222222222</a></li>
   <li><a href="#">222222222222</a></li>
   <li><a href="#">22222222222</a></li>
   <li><a href="#">222222222222</a></li>
   <li><a href="#">22222222222</a></li>
   <li><a href="#">222222222222</a></li>
   <li><a href="#">22222222222</a></li>
   <li><a href="#">222222222222</a></li>
   <li><a href="#">22222222222</a></li>

    </ul>
   </div>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评