一个简单的css+div布局实例

   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
   <HTML>
    <HEAD>
    <style tpye="text/css">
 
   body{text-align:center;}      
   #header{margin:0px;clear:both;background:black;width:800px;height:100px;text-align:center;padding-top:12px;}                 
   #mainbox{margin:auto 0px;width:800;background:blue;height:410px;}
  #sidebar{margin:12px 2px 5px 12px;float:left;background:red;width:200px;height:400px;clear:right;}   
  #menu{margin:12px 2px 5px 12px;float:right;background:red;width:550px;height:30px;}
   #content{float:right;margin:4px 2px 2px;12px;width:550px;height:361;background:#000; padding-left:0px;}
   #footer{margin-top:0px;width:800px;height:40px;background:#fff000;}
 
  </style>
  </HEAD>
  <BODY>
    <div id="header"><FONT SIZE="3" COLOR="#FFFF33">家园中文网站长站演示文档</FONT></div>
    <div id="mainbox">
    <div id="sidebar">
    </div>
     <div id="menu">4323434</div>
    <div id="content">
      <div align="left"><img src="200832420432288343.jpg" alt="家园中文网站长站" width="502" height="361"></div>
     </div>
  </div>
  <div id="footer">这里是foot部分,放置版权啥的</div>
  </BODY>
   </HTML>

你可能感兴趣的:(css,职场,div,休闲)