关于单元格的合并其实非常的简单,只需要用到td的两个属性:colspan和rowspan
下面用实例来展示一下:
代码1:
<table border=1 width="50%">
<tr>
<td rowspan=2> rowspan </td>
<td> 行1,2列</td>
</tr>
<tr>
<td>行2,列1</td>
</tr>
</table>
效果如下:
代码2:
<table border=2 width="50%">
<tr>
<td> 行1,列1 </td>
<td> 行1,列2</td>
</tr>
<tr>
<td colspan=2 >colspan</td>
</tr>
</table>
效果如下:
下面我们来进行一下合并单元格的拓展
代码如下:
<table width="300" height="300" cellspacing="0" cellpadding="15" border="1" >
<caption>合并单元格升级</caption>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td rowspan="3">5</td>
<td>6</td>
<td>7</td>
<td>8</td>
</tr>
<tr>
<td rowspan="2">9</td>
<td>10</td>
<td>11</td>
</tr>
<tr>
<td colspan="2">12</td>
</tr>
<tr>
<td>13</td>
<td colspan="3">14</td>
</tr>
<tr>
<td colspan="4">15</td>
</tr>
</table>
效果如下: