表格

<h1>纵向合并  rowspan的作用纵向跨越的列数</h1>
    <table border="1" width="600" height="30" cellpadding="0" cellspacing="0">
        <tr>
            <td rowspan="3">单元格1</td>
            <td>单元格2</td>
        </tr>
        <tr>
            <td>单元格3</td>
        </tr>
        <tr>
            <td>单元格4</td>
        </tr>
    </table>
图片.png
<h2>跨列合并colspan的作用横向跨越的列数</h2>
    <table border="1" width="600" height="30" cellpadding="0" cellspacing="0">
        <tr>
            <td colspan="3">单元格2</td>
        </tr>
        <tr>
            <td>单元格2</td>
            <td>单元格3</td>
            <td>单元格4</td>
        </tr>
        <tr>
            <td>单元格2</td>
            <td>单元格3</td>
            <td>单元格4</td>
        </tr>
    </table> 
图片.png
<table border="1" width="600" height="200" cellpadding="0" cellspacing="0">
        <tr>
            <td colspan="4"></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td rowspan="2"></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td rowspan="3"></td>
            <td></td>
        </tr>
        <tr>
            <td colspan="2"></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </table>
视图如下:
图片.png
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容