成长是一辈子的事儿！大家好！我是时问新。分享前端、Python等技术，以及个人成长路上的那些事儿。
表格是可以进行单元格的合并的。
比如下图所示：
单元格A跨了两列，单元格E跨了两行。这就是单元格的合并。
colspan属性
colspan属性用来设置td或者th的列跨度。
col就是列的意思，span就是跨度的意思。
所以colspan就是表示跨了多少列的属性。
比如下图：
单元格A横跨了两列，单元格E横跨了三列。这个表格如何实现呢？
代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>合并单元格</title>
<style>
table,tr,td{
border-collapse: collapse;
}
</style>
</head>
<body>
<table border="1" width="400">
<tr>
<td colspan="2">A</td>
<td>B</td>
<td>C</td>
</tr>
<tr>
<td>D</td>
<td colspan="3">E</td>
</tr>
<tr>
<td>F</td>
<td>G</td>
<td>H</td>
<td>I</td>
</tr>
</table>
</body>
</html>
在浏览器中效果如下：
所以，一个单元格跨了几列，colspan属性的值就是几。
我们看到上面这个表格：
第一行的小格A，跨了2列，也就是说A一个顶2个单元格，B和C都是正常的1个单元格，2 1 1=4，相当于这一行总共是4个单元格。
第二行的小格E，跨了3列，就是E一个小格顶3个单元格，D是正常的1列，就是1个单元格，1 3=4，相当于这一行总共也是4个单元格。
第三行的F、G、H、I，都是正常的1列，也就是各占一个单元格，1 1 1 1=4，相当于这一行总共也是4个单元格。
明白了吧，每一行所占的单元格总数是一样的，只是某些小格，一个顶几个单元格，这就是colspan属性的作用----合并单元格。colspan属性写在td上。
rowspan属性
rowspan属性用来设置td或者th的行跨度。
比如下图所示的表格：
