HTML5 table实例

来源：互联网发布：小米mix2淘宝优惠卷编辑：程序博客网时间：2024/06/06 03:47
<table border="10" bordercolor="blue" width="300px" height="150px"       style="border-collapse:collapse;" cellspacing="0"        cellpadding="10px" align="center" bgcolor="aqua"        >    <tr bgcolor="yellow" valign="top">        <td bgcolor="red" align="center">手机充值</td>        <td>IP卡</td>        <td>网游</td>    </tr>    <tr>        <td>移动</td>        <td>联通</td>        <td>电信</td>    </tr></table>
<table width="500" align="center">    <colgroup style="background-color: red"> <!--前两列为一组-->        <col/> <!--第一列-->    </colgroup>    <colgroup style="background-color: yellow">        <col/> <!--第二列-->        <col/> <!--第三列-->    </colgroup>    <caption>表格标题</caption>    <thead>    <tr>        <th>头1</th>        <th>头2</th>        <th>头3</th>    </tr>    </thead>    <tbody>    <tr>        <td>111</td>        <td>111</td>        <td>111</td>    </tr>    <tr>        <td>222</td>        <td>222</td>        <td>222</td>    </tr>    </tbody>    <tbody>    <tr>        <td>111</td>        <td>111</td>        <td>111</td>    </tr>    <tr>        <td>222</td>        <td>222</td>        <td>222</td>    </tr>    </tbody>    <tfoot >    <tr>        <td>尾1</td>        <td>尾2</td>        <td>尾3</td>    </tr>    </tfoot></table>
0 0