html表格边框分组,CSS表格补充（table）表格table作⽤：⽤来显⽰数据
table > tr >th / td
tr：表格的每⼀⾏
th ：表格的列标题
td: 单元格
表格标签补充： 表格分组
1、表格⾏分组标签：
表头：表格的头部
表体：表格的主题
表尾：表格的尾部
作⽤：可以给表格的每⼀⾏进⾏分组；
注意： ⼀个table⾥ 只能有⼀组thead、和⼀组tfoot标签，但可以有多个tbody；
2、表格列分组：
说明：从左像右依次进⾏列分组的
3、caption：表格标题标签
caption-side ：top/bottom/right/left 设置表格标题的显⽰位置的
默认是都是以top⽅向显⽰的，只有⽕狐浏览器是全部⽀持的，IE6只⽀持top，其他浏览器⽀持top和bottom
表格属性补充：
1、单元格间距：border-spacing:value;
说明：单元格间距(该属性必须给table添加) 表⽰单元格边框之间的距离， 不可取负值'
2、合并相邻单元格边框：border-collapse:separate/collapse;
说明：合并相邻单元格边框 (该属性必须给table添加) separate(边框分开)默认值； collapse(边框合并)
3、⽆内容时单元格的设置：empty-cells:show/hide;
说明：定义当单元格⽆内容时，是否显⽰该单元格的边框区域；show：显⽰ ；hide：隐藏；
4、显⽰单元格⾏和列的算法(加快运⾏的速度)： table-layout:auto/fixed;**
默认时是：auto；⾃由显⽰ 根据内容的多少显⽰宽⾼
fixed ： 固定显⽰ 固定⼤⼩，平分表格的宽度；
auto：优点： 让单元格显得是更加灵活；
缺点：他会增加浏览器的运⾏负担；
fixed：优点：快速分配单元格⼤⼩；
缺点：不够灵活；
表格的HTML属性：
border
rowspan 合并⾏
colspan 合并列
rules : 添加表格分割线的属性，以下为对应值的意义rows ⾏分割线
cols 列分割线
all ⾏和列分割线
none 没有分割线
table设置内边框groups 组分割线
Like
Like
Love
Haha
Wow
Sad
Angry

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。