table的属性汇总

标签/属性

说明

<table border="1">

border设置边框；若无默认无边框

<style>

    table,tr,td{

        border-collapse: collapse;

    }

</style>

css样式，变成单线表格

<table border="1">

    <caption>我是表格的标题</caption>

    <tr>

        <td>A</td>

        <td>B</td>

        <td>C</td>

    </tr>

<caption></caption>表格的标题

<table border="1" width="600">

width设置宽

<table border="1" width="600">

    <caption>我是表格的标题</caption>

    <tr>

        <th>第一季度</th>

        <th>第二季度</th>

        <th>第三季度</th>

    </tr>

<th>可以替代<td>的作用，表示标题小格

<td colspan=”2”></td>

列跨度

<td rowspan=”2”></td>

行跨度

<thead>

<tr>

<td>

</td>

</tr>

</thead>

<tbody>

<tr>

<td>

</td>

</tr>

</tbody>

<tfoot>

<tr>

<td>

</td>

</tr>

</tfoot>

<thead></thead>定义标题

<tbody></tbody>定义表核心内容

<tfoot></tfoot>定义表脚，通常是汇总

<table cellpadding="50">

虽然被废弃了，但是也生效，实际开发中也可以使用

cellpadding属性定义了表格单元的内容和边框之间的空间，已经废弃，使用css替代它

<table cellspacing="50">

cellspacing属性（使用百分比或像素）定义了2个单元格之间空间的大小，已经废弃，使用css替代它