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>
View Code

效果图如下

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

原文地址:https://www.cnblogs.com/Moonlight-Shadow/p/3233837.html