我想到了。您只需要使用一些特殊的选择器即可。
圆角化表格的问题是td元素也没有变圆。您可以通过执行以下操作来解决此问题:
table tr:last-child td:first-child {
border-bottom-left-radius: 10px;
}
table tr:last-child td:last-child {
border-bottom-right-radius: 10px;
}
现在一切正常,除了仍然存在border-collapse: collapse
破坏所有内容的问题。
一种解决方法是在表上添加border-spacing: 0
默认值并保留默认值border-collapse: separate
。