墙裂推荐（html表格怎么合并单元格）css怎么合并单元格，HTML+CSS表格教程-如何合并单元格|基础学习，HTML+CSS表格教程-如何合并单元格|基础学习，
如果我们需要把横向的某两个相邻单元格<td>或者纵向的某两个相邻单元格<td>合并，我们该怎么做呢？我们要知道的知识点如下：
1、标签<td>的[colspan]属性规定单元格可横跨的列数，即横向合并的单元格数；
2、标签<td>的[rowspan] 属性规定单元格可横跨的行数，即纵向合并的单元格数；
3、这2个标签也可以同时使用。
代码详情：
<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><title>创建一个多行多列的表格</title></head><body><h1>创建一个多行多列的表格</h1><tableborder="1"><tr><tdcolspan="2">第一个单元格</td><td>第二个单元格</td><td>第三个单元格</td></tr><tr><tdrowspan=\2\>第四个单元格</td><td>第五个单元格</td><td>第六个单元格</td></tr><tr><td>第七个单元格</td><td>第八个单元格</td><td>第九个单元格</td></tr></table></body></html>
效果图如下：
(window.slotbydup = window.slotbydup || []).push({
id: "u6835052",
container: "_96bek913mdb",
async: true
});
本文链接：http://blog.sauo.top/?id=502 感谢分享!
