测试table标签的各项属性

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>熟悉table标签</title>
    </head>
    <body>
        <table border="1px" width="500px" bgcolor="yellow" align="center">
            <tr bgcolor="aqua" align="center">
                <td rowspan="2">11</td>
                <td>12</td>
                <td>13</td>
                <td>14</td>
            </tr>
            <tr>
                <td bgcolor="deeppink" align="center">22</td>
                <td>23</td>
                <td>24</td>
            </tr>
            <tr>
                <td>31</td>
                <td colspan="2" rowspan="2">
                    <table border="1px" width="100%" height="100%">
                        <tr>
                            <td>11</td>
                            <td>12</td>
                            <td>13</td>
                        </tr>
                        <tr>
                            <td>21</td>
                            <td>22</td>
                            <td>23</td>
                        </tr>
                    </table>
                </td>
                <td>34</td>
            </tr>
            <tr>
                <td>41</td>
                <td>44</td>
            </tr>
            <tr>
                <td>51</td>
                <td>52</td>
                <td colspan="2">53</td>
            </tr>
        </table>
    </body>
</html>

 

posted @ 2020-04-04 14:45  yxfyg  阅读(203)  评论(0)    收藏  举报