Javascript 在所有td之间放置边距，第一个td的边距顶部和最后一个td的边距底部除外

我试图在所有

之间放置边距，除了第一行

的边距顶部和最后一行

的边距底部。可能吗？谢谢

表格{
边框：1px纯黑；
宽度：98%；
保证金：0自动；
边界塌陷：分离；
边框间距：10px 50px；
}
运输署{
边框：1px纯黑；
}

你好，世界1再见，世界1
你好，世界2，再见，世界2
你好，世界3再见，世界3

在css中，您有一个简单的解决方案：

---

在单个表格单元格上放置不同的页边距实际上是不可能的。您可以使用

边框折叠

和

边框间距

，但如您所述，这同样适用于表中的所有单元格

您还可以在单个单元格上使用

填充

。因此，将表格保持在

边框折叠：折叠

，并在单个单元格上使用

填充

作为间距。这创造了边距空间的视觉效果，但实际上它不是边距

您可能要考虑的是在<代码> div <代码>中包装<代码> TD.<代码>内容。然后在表格单元格上使用与背景颜色相同的边框将其隔开：

body{背景色：白色；}
桌子{
宽度：98%；
保证金：0自动；
边界塌陷：塌陷；
}
td>div{
边框：1px纯黑；
填充：2px；
}
运输署{
边框顶部：10px纯白；
边框底部：10px纯白；
左边框：50px纯白；
右边框：50px纯白；
}
tr:first child>td{border top:none；}
tr:last child>td{border bottom:none；}

你好，世界1
再见，世界1
你好，世界2
再见，世界2
你好，世界3
再见，世界3

对不起。。。你能说得更清楚些吗。。。什么是第一个td。。。你是说td在第一位吗row@ArunPJohny对很抱歉这就是我的意思。你使用了边界间距。不margin@ketan很抱歉这就是我的意思。我只是不知道如何用边界间距来解释我想要什么。因为我们不能在表格中使用边距，所以在这种情况下，边框间距尽可能接近边距。好吧，它部分地解决了您的问题，现在您只需要找到适合边框间距的css。

table {
border: 1px solid black;
width: 98%;
margin: 0 auto;
border-collapse: separate;
border-spacing: 10px 50px;
}
td {
border: 1px solid black;
}
tr:nth-child(1) td:nth-child(1) {
  border-spacing : 0; // FIRST TD OF FIRST ROW
}
tr:nth-last-child(1) td:nth-last-child(1){
  border-spacing : 0;// LAST TD OF LAST ROW
}