360布局

  <!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>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>360</title>
  <style>
  #a{
  border:1px solid #000;
  width:1000px;
  height:100px;
  top:100px;
  margin:auto;
   
  }
  #b{
  border:1px solid #000;
  width:250px;
  height:300px;
  left:175px;
  position:absolute;
  }
   
  #c{
  border:1px solid #000;
  width:710px;
  height:400px;
  left:465px;
  position:absolute;}
   
   
   
  #d{
  border:1px solid #000;
  width:250px;
  height:150px;
  left:175px;
  top:450px;
  position:absolute;
   
  }
   
  #e{
  border:1px solid #000;
  width:710px;
  height:300px;
  left:465px;
  top:550px;
  position:absolute;
   
  }
   
  #f{
  border:1px solid #000;
  width:250px;
  height:1110px;
  left:175px;
  top:620px;
   
  position:absolute;
  }
   
  #g{
  border:1px solid #000;
  width:710px;
  height:850px;
  left:465px;
  top:880px;
   
   
  position:absolute;
  }
   
   
   
  </style>
   
   
   
   
   
   
  </head>
   
  <body >
   
   
  <div id="a"><table border="0" cellpadding="0" cellspacing="0" height="30" width="600" align="center">
  <tr>
  <td ><a href="http://www.baidu.com">网页</a></td>
  <td ><a href="http://www.baidu.com">新闻</a></td>
  <td ><a href="http://www.baidu.com">视频</a></td>
  <td ><a href="http://www.baidu.com">图片</a></td>
  <td ><a href="http://www.baidu.com">音乐</a></td>
  <td ><a href="http://www.baidu.com">微博</a></td>
  <td ><a href="http://www.baidu.com">地图</a></td>
  <td ><a href="http://www.baidu.com">贴吧</a></td>
  <td ><a href="http://www.baidu.com">机票</a></td>
   
  </tr>
   
  </table>
   
  </div>
   
   
   
  <br />
  <div id="b">
  <table width="250" height="300" border="0" cellpadding="0" cellspacing="0">
  <tr>
  <td><a href="http://www.baidu.com">新闻|视频</a></td>
  <td><a href="http://www.baidu.com">电影|电视剧</a></td>
  </tr>
   
  <tr>
  <td>购物|海淘</td>
  <td>彩票|理财</td>
  </tr>
   
  <tr>
  <td>活期|定期</td>
  <td>小说|智能</td>
  </tr>
   
  <tr>
  <td>游戏|小游戏</td>
  <td>动漫|漫画</td>
  </tr>
   
  <tr>
  <td>搞笑“解梦</td>
  <td>教育|度假</td>
  </tr>
   
  <tr>
  <td>查询|星座</td>
  <td>机票|火车票</td>
  </tr>
   
  <tr>
  <td>手机|娱乐</td>
  <td>美食|旅游</td>
  </tr>
   
   
   
   
  </table>
   
   
  </div>
   
  <div id="c"><table border="1" width="600" height="100"><tr><td><input type="txt" style="width:300px; height:50px;" /></td></tr></table></div>
  <div id="d">d小广告</div>
  <div id="e">e发现你喜欢</div>
  <div id="f">f猜你爱看</div>
  <div id="g">g</div>
   
  </body>
  </html>
   
posted @ 2016-03-25 13:56  于超。  阅读(132)  评论(0)    收藏  举报