Html 带d-flex和其他边框颜色的Bootstrap 4表

我正在使用bootstrap 4.0，我正在尝试使用带边框的

表格（更改颜色）和
d-flex
以及
col-*
来调整列的大小

问题是，出于某种原因，如果我尝试更改颜色，所有边框都是双边框

例如，这就是我正在做的：


table.table-bordered{
边框：1px纯黑；
}
table.table-bordered>thead>tr>th{
边框：1px纯黑；
}
table.table-Borded>tbody>tr>td{
边框：1px纯黑；
}        
div{
边缘顶部：20px；
左边距：20px；
右边距：20px；
}

第1单元
第2单元
第三单元
第5单元
仅对具有负边距的td使用边框，并删除表格和th的边框


table.table-borned>tbody>tr>td{
边框：1px纯黑；
保证金：-0.5px；
}        
div{
边缘顶部：20px；
左边距：20px；
右边距：20px；
}

第1单元
第2单元
第三单元
第5单元
使用
边框折叠
HTML表格“自动”处理相邻行和单元格周围的重复边框

Flexbox不会有条件地在每个单元格上呈现特定的左/右/上/下边距，因此它呈现的是在每行底部和表格周围加倍的完整边框

要解决此问题，您需要只渲染
tbody
上的左边框和上边框，然后只渲染
td
单元格上的右边框和下边框

table.table-bordered {
     border-width: 0;
}

table.table-bordered tbody {
    border-style: solid;
    border-color: black;
    border-width: 1px  0   0  1px;
}

table.table-bordered td {
    border-color: black;    
    border-width:  0  1px 1px  0;
} 

非常感谢，如果可以，请添加
边框：无到
表格。表格有边框
，解决方案非常完美！谢谢，是的，这也是需要的。