css3技术

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

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

#footer { width:800px; height:100px; background:red; margin:auto 0px; padding-top: 30px; color: #ffffff; } //-- /style /head body div id=container div id=header div id=logo/div div id=banner/div /div

 #footer {
  width:800px;
  height:100px;
  background:red;
  margin:auto 0px;
  padding-top: 30px;
  color: #ffffff;
 }
//--> 
</style>
</head>


<body>
<div  id="container" >
 <div id="header">
  <div id="logo"></div>

  <div id="banner"></div>
 </div>

 <div id="menu"></div>
 <div class="nav">nav</div>
 
 <div class="left_main">
  <div class="left_a"> </div>
  <div class="left_b"></div>

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

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


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

<div id="footer"></div>


</div>

</body>

</html>

 

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

相关文章
网友点评