表格补充:

一、表格标签补充

1.表格的数据行分组:

<thead></thead>表头

<tbody></tbody>表体

<tfoot></tfoot>表尾

2.列标题标签:

<th></th>

默认的样式:左右居中,文本加粗。

3.表格标题:

<caption></caption>

标题的位置:

  css属性:caption-side:left/right/top/bottom

  注:left/right只有火狐浏览器识别。

4.数据列分组:

<colgroup span“把几列分成一组”></colgroup>

二、表格里面重要的HTML属性:

colspan=“合并列”

rowspan=“合并行”

cellspacing=“取消单元格之间的间距”

cellpadding=“取消单元格与内容之间的间距”

rules=“分隔线”

属性值:all/rows/cols/groups

三、表格CSS属性的补充:

1:相邻单元格边框的合并

border-collapse:

属性值:separate 分开状态

    collapse 合并

2:相邻单元格之间的间距:

border-spacing:

3:是否显示单元格区域:

empty-cells:

show:显示

hide:隐藏

4:table-layout:

auto:默认值:根据内容分配宽度;

fixed:不在根据内容去分配宽度。

原文地址:https://www.cnblogs.com/yh-3175339026/p/12614974.html