После установки 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>
.