从引导表响应中删除边框

Question

你好，我试图从我的表中删除边框。

这里是我的代码：

<table class="table table-responsive" style="border:none"> 
    <tr> 
     <th>First name</th> 
     <th>Last name </th> 
    </tr> 
    <tr> 
     <td>Tima</td> 
     <td>Zahra</td> 
    </tr> 
    <tr> 
     <td>Emily</td> 
     <td>SMITH</td> 
    </tr> 
</table> 

但它不工作。请帮帮我 ！我很抱歉我的英语不好，我希望你能理解它。

Answer 1

只需使用下面的CSS：

.table thead tr th, .table tbody tr td { 
    border: none; 
} 

Answer 2

在头节

<style> 
    .borderless tr, .borderless td, .borderless th { 
    border: none !important; 
    } 
</style> 

只是做以下更改，这改变了主体部分：

<table class="table table-responsive borderless"> 
      <tr> <th>First name</th><th>Last name </th></tr> 
      <tr> <td>Tima</td> <td>Zahra</td> </tr> 
      <tr><td>Emily</td> <td>SMITH</td> </tr> 
</table> 

这将帮助你。谢谢:)