网页制作中合并单元格的方法
发布网友
发布时间：2022-04-25 17:04
共3个回答
热心网友
时间：2022-04-06 12:44
主要用到两个标签一个是rowspan和colspan
colspan 属性规定单元格可横跨的列数。
rowspan 属性规定单元格可横跨的行数。
合并行代码如下
<table border="1"><tr>
<td>行一</td>
<td>行二</td>
</tr>
<tr>
<td colspan="2">合并行</td>
</tr>
<tr>
<td colspan="2">合并行</td>
</tr>
</table>
合并列
<table border="1"><tr>
<td>行一</td>
<td>行二</td>
<td>行三</td>
</tr>
<tr>
<td>第一</td>
<td rowspan="2">合并列</td>
<td rowspan="2">合并列</td>
</tr>
<tr>
<td>第二</td>
</tr>
</table>
行列合并
<table width="200" border="1"><tr>
<td>时间</td>
<td>星期一</td>
<td>星期二</td>
<td>星期三</td>
</tr>
<tr>
<td>9：30</td>
<td rowspan="2">1</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>10：20</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>11：40</td>
<td>语文</td>
<td colspan="2">化学</td>
</tr>
<tr>
<td>13：50</td>
<td>数学</td>
<td> </td>
<td> </td>
</tr>
</table>
三个效果图如下
热心网友
时间：2022-04-06 14:02
热心网友
时间：2022-04-06 15:37
