表格<table>的写法

格式:

<table>
    <thead><!--表格头-->
        <tr>
            <th></th>
            <th></th>
            <th></th>
        </tr>
    </thead>
    <tbody>  <!--如果tbody不写,浏览器解析的时候也会自动加上,为了规范建议写-->
        <tr> <!--表格行-->
            <td></td><!--表格列-->
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>11</td>
            <td>2</td>
            <td>3</td>
        </tr>
    </tbody>
</table>

 边框:

<table border="1">
table{border-collapse:collapse;}  合并间隙

 清除表格默认样式:

th,td{padding: 0;}

横向合并单元格:

<th colspan="2"></th> <!--需要合并几个就写几 -->

纵向合并单元格:

<td rowspan="3"></th> <!--需要合并几个就写几 -->

 

posted @ 2017-03-31 16:12  念念念不忘  阅读(972)  评论(0)    收藏  举报