从Bootstrap表中删除边框

Question

我一直试图摆脱文本之间的界限。我尝试过将边框更改为无，我还尝试过文字修饰：无。两者都不起作用。任何人都知道如何解决这个问题？

＆＃13;

＆＃13;

.table {
    font-size: 18px;
    text-align: left;
    text-decoration: none;
}

＆＃13;

<table class="table borderless">
  <thead>
    <tr>
      <th>Required and Nonrefundable Fee per Year</th>
    </tr>
  </thead>
    <tbody>
      <tr>
        <td>Registration Fee: per child</td>
        <td>NT$50,000</td>
      </tr>
      <tr>
        <td>Student Accident Insurance Fee: per child</td>
        <td>NT$800</td>
      </tr>
      <tr>
        <td>Parent Association Member Fee: per family</td>
        <td>NT$1,000</td>
      </tr>
  </tbody>
</table>

＆＃13;

＆＃13;

＆＃13;

Answer 1

我复制了你的代码并尝试改变并获得你想要的东西。最后我得到了答案。

{{1}}

告诉我这是否是你想要的。

Answer 2

我认为这会有效..

.table>tbody>tr>td,
.table>tbody>tr>th {
  border-top: none;
}

Answer 3

在样式表上复制并将其复制。

.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 rgba(221, 221, 221, 0)!important;

}

.table>thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid rgba(221, 221, 221, 0)!important;

}