合并单元格

最新推荐文章于 2024-06-12 15:45:50 发布

辐_射

最新推荐文章于 2024-06-12 15:45:50 发布

阅读量608

点赞数

分类专栏： html+css 文章标签：前端 html

本文链接：https://blog.csdn.net/L1585931143/article/details/126235924

版权

html+css 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

<!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>