前端学习之table的常用属性

tr（表格行）、td、th（表格列）

 table常用属性：

boder-collapse：设置合并边框---->（collapse，separate），默认为separate，具体意义为将两个边框分开，未合并。

表格居中：margin:npx auto;

表格首行加粗：table tr:nth-child(1) （使用伪类）

table其他元素

tbody---表格主体

caption---表格标题

thead---表格头部

tfoot---表格底部

th---表格的表头单元格

表格单元格合并

<tr><th colspan="7">课程表</th></tr> /*合并7列*/

<th rowspan="2" colspan="2">上午</th> /*合并2行*/

th默认加粗

合并后需删除被占用的格子

表格格式精简代码

 

border-spacing: 20px 30px;  （表示单元格之间的左右，上下间距）