Здравствуйте, я пытаюсь удалить границу из моей таблицы.

Вот мой код:

<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>

Но это не работает. Пожалуйста, помогите мне ! Я извиняюсь за мой плохой английский и надеюсь, что вы поймете это.

3
Dev1996 24 Апр 2017 в 16:07

2 ответа

Лучший ответ

Просто используйте следующие CSS:

.table thead tr th, .table tbody tr td {
    border: none;
}
3
Super User 24 Апр 2017 в 13:10

Просто сделайте следующие изменения в главном разделе

<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>

Это будет полезно для вас. Спасибо :)

1
Unknown_Coder 24 Апр 2017 в 13:18
43588960