html 表格的制作

<style>
    table {
        border-collapse:separate;
        border-spacing:10px; #每个表格之间的距离
        
    }
    td {
        border: 1px solid blue;
    }
</style>
</head>
    <body>
        <table>
            <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
                <td>4</td>
            </tr>
            <tr>
                <td>5</td>
                <td>6</td>
                <td>4</td>
                <td>4</td>
            </tr>
            <tr>
                <td>3</td>
                <td></td>
                <td></td>
            </tr>
        </table>
    </body>

<style>
    table {
        border-collapse:separate;
        border-spacing:0px; #每个表格之间的距离
        
    }
    td {
        border: 1px solid blue;
    }
</style>
</head>
    <body>
        <table>
            <tr>
                #"4"个格合为一个
                <td colspan="4">1</td>
                
            </tr>
            <tr>
                <td>5</td>
                <td>6</td>
                <td>4</td>
                <td rowspan="2">4</td>
            </tr>
            <tr>
                <td>3</td>
                <td></td>
                <td></td>
            </tr>
        </table>
    </body>

 

posted @ 2018-08-16 19:27  安智伟  阅读(182)  评论(0编辑  收藏  举报