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>