css3技术

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

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

div id=menu ul lia href=#网站首页/a/li li class=menuDiv/li lia href=#关于我们/a/li li class=menuDiv/li lia href=#网站首页/a/li li class=menuDiv/li lia href=#关于我们/a/li li class=menuDiv/li lia href

 <div id="menu">
  <ul>
  <li><a href="#">网站首页</a></li>
  <li class="menuDiv"></li>
  <li><a href="#">关于我们</a></li>
  <li class="menuDiv"></li>
  <li><a href="#">网站首页</a></li>
  <li class="menuDiv"></li>
  <li><a href="#">关于我们</a></li>
  <li class="menuDiv"></li>
  <li><a href="#">网站首页</a></li>
  <li class="menuDiv"></li>
  <li><a href="#">关于我们</a></li>
  <li class="menuDiv"></li>
  </ul>
 </div>
 <div class="nav">
  nav
 </div>
 
 <div class="left_main">
  <div class="left_a">
   <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 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 class="nav_a">nav_left</div>

  <div class="left_a">
   <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>

 

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

相关文章
网友点评