Html 引导表tr边框顶部和底部不'；行不通

我尽量让我的桌子像这里一样

我尝试为tr设置底部和顶部边框，使我的代码如图所示。一个边界有效，但另一个无效。 有人在互联网上说，这是很好的把tr的显示块，但如果我这样做，我所有的文字将去左边。 在我的代码中，我只使用红色和蓝色边框的颜色，以便看得更清楚。 有人能告诉我如何做到这一点吗

表格{
背景色：#EEEEEE；
边缘顶端：40px；
}
表tr{
/*显示：块*/
边框顶部：2件纯红；
底部边框：2件纯蓝；
}

马汀
围裙
伦迪
08h00-12h00
13h00-17h00
马尔迪
08h00-12h00
13h00-17h00
Mercredi
08h00-12h00
13h00-17h00
朱迪
08h00-12h00
13h00-17h00
文德雷迪
08h00-12h00
13h00-17h00
萨梅迪
08h00-12h00
13h00-17h00
迪马凯
费尔梅
费尔梅

我已更新了您的代码。输出将为您提供顶部边框颜色为红色，底部边框颜色为蓝色

表格{
背景色：#EEEEEE；
边缘顶端：40px；
}
tr:n个孩子（偶数）{
/*显示：块*/
边框顶部：2件纯红；
/*背景色：#CC9999*/
}
tr:n个孩子（奇数）{
/*显示：块*/
边框顶部：2件纯蓝；
}

马汀
围裙
伦迪
08h00-12h00
13h00-17h00
马尔迪
08h00-12h00
13h00-17h00
Mercredi
08h00-12h00
13h00-17h00
朱迪
08h00-12h00
13h00-17h00
文德雷迪
08h00-12h00
13h00-17h00
萨梅迪
08h00-12h00
13h00-17h00
迪马凯
费尔梅
费尔梅

引导程序中有一个默认样式，您需要使用更高的特殊性或

来覆盖它！重要信息

代码是

.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>tfoot>tr>td, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

然后您需要覆盖

边框折叠

属性

表格{
背景色：#EEEEEE；
边缘顶端：40px；
边界崩溃：分离！重要；
}
.table>tbody>tr>td，
.table>tbody>tr>th，
.table>tfoot>tr>td，
.table>tfoot>tr>th，
.table>thead>tr>td，
.table>thead>tr>th{
填充：8px；
线高：1.42857143垂直对齐：顶部；
边框顶部：4倍纯绿！重要；
边框底部：4倍纯红！重要；
}

马汀
围裙
伦迪
08h00-12h00
13h00-17h00
马尔迪
08h00-12h00
13h00-17h00
Mercredi
08h00-12h00
13h00-17h00
朱迪
08h00-12h00
13h00-17h00
文德雷迪
08h00-12h00
13h00-17h00
萨梅迪
08h00-12h00
13h00-17h00
迪马凯
费尔梅
费尔梅

指的是这样的事情？不完全是我的朋友。我假设在第一个tr的顶部有一个边框，然后每个tr的顶部和底部应该有两个不同的边框颜色，你可以通过玩我的小提琴来获得它。@SorinD。你需要像我这样的回答还是其他什么？@Sorin你需要像这样吗？我的朋友border red和border blue应该是一对。在设计图中，边框顶部为边框#fff#ccc，带有表格bg#eee。看起来像边框折叠：分离！重要的；做所有的工作，我的朋友。