html表结构

Question

我是html的新手， 而我正试图这样做：

是否可以按如下方式构建表： 说大小500X500px。 中心方块尺寸为200X200。 这个广场周围有4个矩形（2个是200X300，其他是300X200）？ 我试图这样做，但我不确定它是否可能。

Answer 1

这是你在找什么？

  <table border="1">
    <tr>
      <td colspan="2" height="150px;"></td>
      <td rowspan="2" width="150px;"></td>
    </tr>
    <tr>
      <td rowspan="2" width="150px;"></td>
      <td width="200px;" height="200px"></td>
    </tr>   
    <tr>
      <td colspan="2"   height="150px;"></td>
    </tr>   
  </table>

http://jsbin.com/inahaz

Answer 2

我建议你使用DIV：

jsBin demo

HTML：

<div id="wrapper">

  <div class="box box_vert">1</div>
  <div class="box box_horiz">2</div>

  <div class="box center">c</div> 

  <div class="box box_vert" style="float:right;">3</div>
  <div class="box box_horiz">4</div> 

</div>

CSS：

  #wrapper{
    width:600px;
    height:600px;
    position:relative;
    margin:50px auto;
    background:black;
  }
  .box{
    position:relative;
    float:left;
    width: 200px;
    height:200px;
  }
  .box_horiz{
    width:400px;
  }
  .box_vert{
    height:400px;
  }

Answer 3

试试这个 在样式标签之间写下面的代码     表{宽度：400像素;高度：400像素;}     TD {宽度：200像素;高度：200像素;}