Подскажите пожалуйста, как элементу tr дать margin-bottom и border-radius? Вот что у меня, не получается закруглить.
table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
}
tr {
background-color: var(--color-blue);
border-radius: 10px;
margin-bottom: 8px;
}
td {
font-size: 20px;
font-weight: 500;
padding: 10px 24px;
}
<table cellspacing="0">
<tr>
<td>Уборка санузлов</td>
<td>800 ₽ шт.</td>
<td>Добавить</td>
</tr>
<tr>
<td>Уборка балкона с мытьем окон</td>
<td>+ 2000 ₽</td>
<td>Добавить</td>
</tr>
</table>