HTML——45.单元格合并

2025/2/24 0:52:18 来源：https://blog.csdn.net/weixin_63215361/article/details/144855813 浏览: 次关键词：HTML——45.单元格合并

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>表格</title></head><body><!--合并单元格：1.在代码中找到要合并的单元格2.在要合并的所有单元格中，保留要合并的第一个单元格，删除其它的单元格3.给保留的第一个单元格指定横跨的行数或列数（如要在列上合并则输入列上合并的单元格数量）a.合并左右单元格（合并列）用：colspan="横跨的列数";b.合并上下单元格（合并行）用：rowspan="横跨的行数";--><table border="1" cellspacing="0"><tr><th>表头第1格</th><th>表头第2格</th><th>表头第3格</th><th>表头第4格</th><th>表头第5格</th></tr>			<tr><td colspan="2">第2行第1格</td>"在列上合并了2格"				<td>第2行第3格</td><td rowspan="2">第2行第4格</td>"在行上合并了2格"	<td>第2行第5格</td></tr><tr><td>第3行第1格</td><td>第3行第2格</td><td>第3行第3格</td><td>第3行第5格</td></tr><tr><td>第4行第1格</td><td rowspan="2" colspan="2">第4行第2格</td><td>第4行第4格</td><td>第4行第5格</td></tr><tr><td>第5行第1格</td><td>第5行第4格</td><td>第5行第5格</td></tr>			</table></body>
</html>

在这里插入图片描述

HTML——45.单元格合并

相关资讯

热文排行

最新新闻

推荐新闻

热搜词