html - 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 演示

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

试试这个在样式标签之间写下代码 table{width:400px;height:400px;} td{width:200px;height:200px;}