css - 如何防止 tr > td 元素出现双边框

Question

我想知道是否可以防止 tr > td 元素中的双边框。如果我使用 border:1px solid #DDD 那么第一个元素将有所有边框，然后第二个也有，但是因为第一个元素有一个 border-right，第二个元素有一个 border-left，然后是 borders是双倍的，第二个 tr 也是如此，第一个有 border-bottom，第二个有 border-top。有小费吗？我看到这个 post但对我不起作用，因为它适用于 DIV，而我正在使用表格。

Answer 1

开始于:

border-collapse:collapse;

然后根据需要进行调整。使用 :first-child 和 :last-child 伪选择器可用于在一端修改默认样式。