CSS中表格边框border-spacing和border-collapse有什么区别？

1. 首先，我们来看一下，不给table设置任何样式，默认是无边框的。

2. 然后我们给th和td单元格设置border边框，这样每个单元格就有了边框。

3. 由于单元格之间有间隙，接下来，我们需要合并重叠单元格边框，给table进行border-collapse样式设置。 

 4. 这样表格就制作完成啦！下面我们来讲讲border-spacing和border-collapse的区别。

5. 如果只给边框设置border-spacing，我们会发现，单元格之间的边框会合并，并不会重叠哦！所以单元格合并的部分会宽一些。

 6. 当我们设置border-collapse时，并不会出现这种情况，因为它会直接重叠单元格合并的边框。

本次分享就到这啦！有问题欢迎评论区留言，大家一起探讨哦。