Html 删除表格间距，但保留边框

我有一个表，我希望它的每个td元素之间没有空格。但是，我仍然希望每个TDM之间有边界，这样您就可以真正区分它们了。不幸的是，当我尝试以下任一项或两项时：

table {
    border-collapse: collapse;
    border-spacing: 0;
}

我的边界完全消失了。我试图通过css给出td元素的轮廓，但这也不起作用。我查看了几个关于html表间距的不同线程，但没有一个讨论在删除空格后保留边框

我之所以需要此功能，是因为我希望在每个td之间都有一个流体悬停效果，而这个小间隙会破坏效果

---

任何帮助都很好。

只要删除表元素中的所有填充，就可以解决问题。它将在表格上保留边框，但删除所有间距

桌子{ 边界塌陷：塌陷； 边界间距：0； } 运输署{ 边框：1px纯黑； }

---

我以前试过这个，但没用。无论我制作了多大的td边框，它都不会出现。如果你点击运行代码片段，这就是你想要达到的效果吗？我像上面提到的那样删除了所有的边距和填充，这就成功了。我有和你一样的风格，但我想我有一些奇怪的隐藏边距/填充，把它搞砸了。请读一读这篇文章，我喜欢有人对我说的话。这是一个很容易解决这个问题的方法。