table属性

caption 表格标题

border 边框
width 宽度
height 高度
cellspacing 边框线和边框线之间的间距
cellpadding 内容和边框线之间的间距

align 设置内容水平对齐，给table设置align是表格整体居中
left 左对齐
right 右对齐
center 水平居中

valign 内容垂直居中(给tr或者td，th有效果，table没有效果)
top 上对齐
bottom 下对齐
middle 垂直居中（默认）

表格合并

合并行：rowspan（上下合并行）

合并列：colspan（左右合并列）

合并行、合并列的属性给th、td加

<table border="1px" cellspacing="0" cellpadding="0" width="300px" height="300px" align="center">
        <caption>合并</caption>
        <tr align="center">
            <th>1</th>
            <th colspan="2">2</th>
        </tr>
        <tr align="center">
            <td rowspan="2">3</td>
            <td>4</td>
            <td>4</td>
        </tr>
        <tr align="center">
            <td>6</td>
            <td>6</td>
        </tr>
    </table>

表格的CSS属性

1、border-spacing：设置单元格之间的间距

2、border-collapse：合并相邻边框

3、border：1px double red；双线表格（谷歌浏览器不建议适用，四个角落不美观）

4、border-collapse：collapse；合并相邻的边框线

5、empty-cells:show/hide；无内容时单元格的设置（占位隐藏，仅用于表格）

定义当单元格无内容时，是否显示该单元格的边框区域；show：显示；hide：隐藏；

6、visibility：hidden；占位隐藏；都可以使用

7、显示单元格行和列的算法（加快运行的速度）

table-layout：auto/fixed；

fixed：固定宽，表格平分

表格结构细分

1、数据行分组

<thead>

<tbody>

<tfoot>

2、数据列分组（一般和rules使用）

span属性把几列分为一组

3、rules：是table的属性设置的是表格的分割线

rows：行分割线

cols：列分割线

all：行分割线和列分割线都有

none：没有线

groups：定义列分组的分割线

table属性

表格的CSS属性

表格结构细分

推荐阅读