Html bootstrap-border top正在向表中添加边框

我创建了一个表，如下所示：

正如您所见，border top没有进行任何更改，尽管我在以下代码中添加了它：

 <div class="col-6 col-md-3 col-sm-6 font-style" style="font-size:10px;">

        <table class="table  table-outer-border  font-style " >

       <tbody class="font-style">

         <tr > 
           <td>Receiver:</td>

         </tr>
         <tr> 
           <td>Attention To:</td>

         </tr>
         <tr> 
           <td>Contact No:</td>

         </tr>

       </tbody>
        </table>

    </div>

    <div class="col-6 col-md-3 col-sm-6 font-style" style="font-size:10px;">

      <table class="table table-outer-border  font-style " >

     <tbody class="font-style">

       <tr > 
         <td>Deliver To:</td>

       </tr>
       <tr> 
         <td>Attention To:</td>

       </tr>
       <tr> 
         <td>Contact No:</td>

       </tr>

     </tbody>
      </table>

      </div>

---

为什么它不起作用，还有没有办法删除行之间的行？

您需要在代码中做一些更改，我刚刚为您做了一些更改，请验证并告知我

#MainDiv{
高度：100px；
宽度：500px；
保证金：5px；
显示器：flex；
弯曲方向：行；
字体大小：20px；
}
运输署{
宽度：150px；
}
#第一组{
边框：1px纯黑；
}
#二等兵{
左边距：20px；
边框：1px纯黑；
}

接收人：
注意：
联络电话:
交付给：
注意：
联络电话:

如果你认为它对你有帮助，你会接受它作为答案并投票吗？只是缺少一件事，每个单词旁边的虚线。如何添加它您应该在中间有一个

div

，并在那里填充虚线。

.table-outer-border  {
    border-left:  black solid;
    border-right: black solid;
    border-top: black solid ;
    border-bottom: black solid;
    border-width: thin;
}