单元格之间有间隙怎么解决

原效果： 

为了确保表格单元格之间没有间隙，可以使用 border-collapse: collapse; 属性。

这个属性可以让表格边框合并在一起，从而消除单元格之间的间隙。以下是修改思路： 

CSS 样式:
border-collapse: collapse; 添加到 .table 类中，将表格边框合并在一起，消除单元格之间的间隙。
border: 1px solid black; 修改边框颜色为黑色。
HTML 结构:
表格结构可以保持不变，确保表格内容和布局与原始设计一致。
这样修改后，表格的边框线将会显示为黑色，并且单元格之间不会有间隙。如果仍然有问题，请检查是否有其他样式覆盖了这些样式，或者尝试清除浏览器缓存后重新加载页面。