CSS 边框半径和边框折叠

Question

我正在尝试在 CSS 中设置一个边框半径为 12px 的表格。表格中的 tr 或 td 没有边框，只有一个边框围绕整个地块。我希望表格中的第一行在顶部 2 个角上有一个边框半径，但在底部 2 个角上没有（所以它就像表格的标题）我设法做到了。但是，这在表格和第一行之间创建了一个白色边框 - 我希望它们在没有白色边框的情况下彼此相邻，因为标题行具有彩色背景。

我曾尝试使用边框折叠来执行此操作，但这会抵消整个表格上的边框半径，使标题行在顶部 2 个角上变圆，但位于方形表格内。

这很难解释，因此可以在此处找到示例。您可以看到表格和蓝色背景行之间的白色边框。

有没有人知道如何在没有边界崩溃的情况下摆脱边界？提前致谢

Answer 1

尝试这个：

<table class="admin" style = "border-spacing:0px;">

显然，您可以将该内联样式拉到它自己的类中，但我想明确地向您展示表格上的边框间距是您所追求的。

如果您不希望文本紧贴表格的边框，您应该/可以向表格内的内容添加一些填充。