table应用之colspan与rowspan

<table border="1" cellSpacing="0" cellPadding="1" width="1086" align="center" height="30"
           borderColorDark="#66ff33">
     <tr>
    <td rowspan="2" colspan="2" align="center">表格</td>
        <td align="center" colspan="2">表格</td>
        <td align="center">表格</td>
     </tr>
      <tr>    
        <td align="center">表格</td>
        <td align="center" colspan="2">表格</td>
     </tr>
<tr>    
        <td align="center">表格</td>
        
<td align="center">表格</td>
                <td align="center" colspan="2">表格</td>
    <td align="center" rowspan="2">表格</td>
     </tr>
    <tr>    
        <td align="center">表格</td>
        <td align="center" colspan="2">表格</td>
    <td align="center" >表格</td>
     </tr>
</table>

效果图如下

哎，居然在第一次看到类似这种效果的表格时，直接蒙掉了 ，不知道怎么实现，然来也不过如此嘛