HTML表格

2019-04-11

table 表格

tr行

td列（单元格）

---

外观样式属性

border属性

​ 表格框线粗细，默认值为0。

bordercolor属性

​ 表格或单元格的边框颜色。设置边框颜色的前提是边框宽度不能为0。

cellspacing属性

​ 单元格之间的距离。

cellpadding属性

​ 单元格内容与边框距离。

rules属性

​ 设置分隔线的显示状态

值	描述
all	显示所有
groups	只显示组与组之间的分割线
rows	只显示行间分割线
cols	只显示列间分割线
none	全部不显示

frame属性

​ 设置表格边框显示状态

值	描述
box	显示整个表格的边框
void	不显示边框
hsides	只显示上线边框
vsides	只显示左右边框
above	只显示上边框
below	只显示下边框
lhs	只显示左边框
rhs	只显示右边框

宽高属性

width属性

​ 表格或单元格的宽度。单位可以是%或像素。

height属性

​ 表格或单元格的高度。单位可以是%或像素

对齐属性

align属性

设置行单元格内容的水平对齐方式（left| center|right | justify），亦可用于整个表格在网页中的水平对齐设置。

valign属性

设置行单元格内容的垂直对齐方式（top|middle| bottom）

合并单元格属性

colspan属性

​ 设置当前单元格跨越几列

<td rowspan="3"></td>

rowspan属性

​ 设置当前单元格跨越几行

<td colspan="3"></td>

表头与表尾

<table>
       <thead>
              表头
      </thead>
      <tbody>
              表体
      </tbody>
      <tfoot>
               表尾  
      </tfoot>
</table>