第九章,跨行跨列的表格

什么是跨行跨列的表格,使用colspan和rowspan属性

<html>
    <head>
        <title>跨行跨列的表格</title>
    </head>
    <body>
        <table border="1px" height="240px" width="500px" cellpadding="0px" cellspacing="0px">
            <tr><!--col:column 列 row:row 行-->
                <td align="center"><font color="blue">手机充值、IP卡</font></td>
                <td align="center" colspan="3"><font color="blue">办公设备、文具、耗材</font></td>
            </tr>
            <tr>
                <td rowspan="3">各种卡的总汇</td>
                <td>铅笔</td>
                <td>铅笔</td>
                <td>铅笔</td>
            </tr>
            <tr>
                <td>铅笔</td>
                <td>铅笔</td>
                <td>铅笔</td>
            </tr>
            <tr>
                <td>铅笔</td>
                <td>铅笔</td>
                <td>铅笔</td>
            </tr>
        </table>
    </body>
</html>

跨列的表格:

 

 跨行的表格:

原文地址:https://www.cnblogs.com/wangqiangya/p/13092160.html