table的常用属性
- border 边框的宽度
- cellpadding 单元格内部的边距
- cellspacing 单元格之间的间距
- width 表格的宽度
- align 表格的水平对齐方式
- left
- center
- right 一般不用这里调整 要在css样式里调整 样式结构分离开
th td的常用属性
- valign 单元格的垂直对齐方式
- top
- middle
- bottom
- baseline
- align 单元格的水平对齐方式
- left
- center
- right
- width 单元格的宽度
- height 单元格的高度
- rowspan 单元格可横跨的行数
- colspan 单元格可横跨的列数
细线表格的实现
其他元素
<tbody> 表格的主题
<caption>表格的标题
相比于h2 成为表格里的一部分 和表格作为整体
<thead> 表格的头部
<tfoot> 表格的页脚
<th> 表格的表头单元格
整体效果:
单元格合并
合并要领:合并方向是向右向下
column:列
row:行
<colspan>跨列合并
<rowspan>跨行合并
css属性-border-spacing
border-spacing用于设置单元格之间的水平,垂直间距
小记
1.table里面包含tr tr里面包含td
2.
实现效果是一样的
