table横跨多行多列样式

代码及解释如下:

<html>

<body>

<h4>横跨两列的单元格:</h4>
<table border="1">
<tr>
<th>姓名</th>
<th colspan="2">电话</th>
</tr>
<tr>
<td>abc</td>
<td>10086</td>
<td>10086</td>
</tr>
</table>

<h4>横跨两行的单元格:</h4>
<table border="1">
<tr>
<th>姓名</th>
<td>abc</td>
</tr>
<tr>
<th rowspan="2">电话</th>
<td>10086</td>
</tr>
<tr>
<td>10086</td>
</tr>
</table>

<h4>横跨多行多列的单元格:</h4>
<table border="1">
<tr>
<th colspan="2">姓名</th>
<th>abc</th>
</tr>
<tr>
<th rowspan="2">电话</th>
<td>10086</td>
<td>10086</td>
</tr>
<tr>
<td>10086</td>
<td>10086</td>
</tr>
</table>

</body>
</html>

运行结果如图:

table

打赏此文

如果您觉得本站的内容对您有所帮助,您可以扫描下面的二维码小额支付请我喝杯茶,感谢!打赏记录
支付宝
微信
承诺:凡打赏捐助的朋友,留言备注自己的邮箱,在打赏捐助时间点的6个月内,本站会每周邮件推送原创专业技术博文,供大家学习和参考!

留下评论

All fields marked (*) are required