Css 如何为表格指定边框半径并删除th和td元素中的双边框？

我发现你不能设计AD、tr或tbody。我想做的是在单元格之间有一个2px的白色边框，不重叠，给表格一个边框半径，表格单元格不破坏半径

正文{
背景颜色：蓝色；
颜色：白色；
}
桌子{
边界崩溃：分离！重要；
宽度：100%；
边框：2倍纯白；
边界半径：12px！重要；
}
th{
填充：12px；
边框：2倍纯白；
}
td{
填充：12px；
边框：2倍纯白；
}

身份证件
名称
密码
1.
凯尔
BB5DC8842CA31D4603D6A11448D1654
2.
英国人
953f893eaed2098219f31f68947be559
3.
特雷弗
BB5DC8842CA31D4603D6A11448D1654
4.
贾斯廷
953f893eaed2098219f31f68947be559
5.
戴夫
953f893eaed2098219f31f68947be559

不能在表中设置th、tr、td元素的样式不是很正确。您可以在下面看到th&tr的背景色是如何变化的

可以通过伪类（例如：first child、：last child）将角点中的单元作为目标，并添加单个边界半径属性

在示例代码中，我使用了这些属性来表示边界

• 边框左上半径
• 边框右上半径
• 边框左下半径
• 边框右下半径

正文{
背景颜色：蓝色；
颜色：白色；
}
桌子{
边界崩溃：分离！重要；
宽度：100%；
边框：2倍纯白；
边界半径：12px！重要；
}
th{
填充：12px；
边框：2倍纯白；
背景：红色；
}
第一个孩子{
边框左上半径：10px；
}
最后一个孩子{
边框右上角半径：10px；
}
td{
填充：12px；
边框：2倍纯白；
}
tr:n个孩子（偶数）{
背景：灰色；
}
tr：最后一个孩子td：第一个孩子{
边框左下半径：10px；
}
tr:最后一个孩子td:最后一个孩子{
边框右下半径：10px；
}

身份证件
名称
密码
1.
凯尔
BB5DC8842CA31D4603D6A11448D1654
2.
英国人
953f893eaed2098219f31f68947be559
3.
特雷弗
BB5DC8842CA31D4603D6A11448D1654
4.
贾斯廷
953f893eaed2098219f31f68947be559
5.
戴夫
953f893eaed2098219f31f68947be559

不能在表中设置th、tr、td元素的样式不是很正确。您可以在下面看到th&tr的背景色是如何变化的

可以通过伪类（例如：first child、：last child）将角点中的单元作为目标，并添加单个边界半径属性

在示例代码中，我使用了这些属性来表示边界

• 边框左上半径
• 边框右上半径
• 边框左下半径
• 边框右下半径

正文{
背景颜色：蓝色；
颜色：白色；
}
桌子{
边界崩溃：分离！重要；
宽度：100%；
边框：2倍纯白；
边界半径：12px！重要；
}
th{
填充：12px；
边框：2倍纯白；
背景：红色；
}
第一个孩子{
边框左上半径：10px；
}
最后一个孩子{
边框右上角半径：10px；
}
td{
填充：12px；
边框：2倍纯白；
}
tr:n个孩子（偶数）{
背景：灰色；
}
tr：最后一个孩子td：第一个孩子{
边框左下半径：10px；
}
tr:最后一个孩子td:最后一个孩子{
边框右下半径：10px；
}

身份证件
名称
密码
1.
凯尔
BB5DC8842CA31D4603D6A11448D1654
2.
英国人
953f893eaed2098219f31f68947be559
3.
特雷弗
BB5DC8842CA31D4603D6A11448D1654
4.
贾斯廷
953f893eaed2098219f31f68947be559
5.
戴夫
953f893eaed2098219f31f68947be559