Как добавить пробел между tr с неповрежденной границей - PullRequest
0 голосов
/ 31 марта 2020

После установки border-collapse: collapse; в элементе таблицы я могу добавить границу к элементу tr . Но как мне добавить интервал между tr элементами? кажется, что мне придется изменить border-collapse на seperate, который снимет границу tr , и я просто хочу сохранить границу и добавить поле, как интервал между tr elements

table {
  width: 100%;
  border-collapse: collapse;
}

tr {
  border: 1px solid #F0F0F0;
  border-radius: 4px;
}

td,
th {
  text-align: left;
  padding: 8px;
  font-size: .75rem;
}

th {
  text-transform: uppercase;
  color: #274878;
  background: #D6ECF7;
}
<table>
  <tr>
    <th>BASIC INFO</th>
    <th>REF NUMBER</th>
    <th>LEVEL</th>
    <th>PHONE</th>
    <th>ADDRESS</th>
    <th>ENROLLED</th>
  </tr>


  <tr>
    <td>Michelle Heston</td>
    <td>12345ABCD</td>
    <td>12</td>
    <td>0801-1122-333</td>
    <td>1 Alli Smiths way Lekki, Lagos</td>
    <td>23 Jun 2018</td>
  </tr>

  <tr>
    <td>Michelle Heston</td>
    <td>12345ABCD</td>
    <td>12</td>
    <td>0801-1122-333</td>
    <td>1 Alli Smiths way Lekki, Lagos</td>
    <td>23 Jun 2018</td>
  </tr>

</table>

.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...