border-collapse共有三个值:border-collapse:separate | collapse | inherit
它们各自的含义是:
separate:
默认值。边框会被分开。不会忽略border-spacing 和 empty-cells 属性。
collapse:
如果可能,边框会合并为一个单一的边框。会忽略border-spacing 和 empty-cells 属性。
inherit:
规定应该从父元素继承border-collapse属性的值。
border-collapse的用途
border-collapse属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示
seperate 的边框如下:
|| ||
|| ||
collapse 的边框如下:
| | (两个相邻单元格的相邻边合并了)
border=0并不会实现这个效果
我今天也一直想这个问题
我觉得是这样的,table它本身具有特殊属性cellspacing单元格间距,单元格之间是默认存在间距的,所以无论是table border=0还是将th,td margin=0,都不会实现边线合并的效果,两个边线之间永远存在间隙。
而border-collapse : collapse这个属性能够实现
个人理解,欢迎指正
separate : 默认值。边框独立(标准HTML)
collapse : 相邻边被合并
表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开
border-collapse共有三个值:border-collapse:separate
|
collapse
|
inherit
它们各自的含义是:
separate:
默认值。边框会被分开。不会忽略border-spacing
和
empty-cells
属性。