Question

css的border-collapse两个值有什么区别

border-collapse : separate | collapse，请问这两个值有什么区别，我试了，只是表格一个带边框，一个不带，我想没这么简单吧，如果 是这样 的话要这个属性就没用，直接把table的border=0或等于特定值不就得了？

Answer 1

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 中那样分开显示

Answer 2

seperate 的边框如下：

|| ||
|| ||

collapse 的边框如下:

| | (两个相邻单元格的相邻边合并了)

Answer 3

border=0并不会实现这个效果
我今天也一直想这个问题
我觉得是这样的，table它本身具有特殊属性cellspacing单元格间距，单元格之间是默认存在间距的，所以无论是table border=0还是将th,td margin=0,都不会实现边线合并的效果，两个边线之间永远存在间隙。
而border-collapse : collapse这个属性能够实现
个人理解，欢迎指正

Answer 4

separate :　 默认值。边框独立（标准HTML）
collapse :　 相邻边被合并
表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开

Answer 5

border-collapse共有三个值：border-collapse：separate
|
collapse
|
inherit
它们各自的含义是:
separate：
默认值。边框会被分开。不会忽略border-spacing
和
empty-cells
属性。