<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=`, initial-scale=1.0">
<title>合并单元格1</title>
</head>
<body>
<!--
合并单元格:
特殊情况下,可以把多个单元格合并为一个单元格。
1、合并单元格方式
a.跨行合并:rowspan="合并单元格的个数"。
b.跨列合并:colspan="合并单元格的个数"。
2、目标单元格
a.跨行:最上侧单元格为目标单元格,写合并代码。
b.跨列:最左侧单元格为目标单元格,写合并代码。
3、合并单元格步骤(合并单元格三步曲)
a.先确定是跨行还是跨列合并。
b.找到目标单元格,写上合并方式=合并的单元格数量。比如<td colspan="2"></td>
c.删除多余的单元格。
-->
<table border="1" cellspacing="0" width="600" height="300">
<tr>
<td></td>
<td colspan="2"></td>
<!-- <td></td> -->
</tr>
<tr>
<td rowspan="2"></td>
<td></td>
<td></td>
</tr>
<tr>
<!-- <td></td> -->
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
合并单元格
最新推荐文章于 2024-06-12 15:45:50 发布