JSFiddle - React, Tailwind, and code Playground

HTML

<table id="t1" cellpadding="10px" cellspacing="7px">
<tr><td>Cell 1-1</td><td>Cell 1-2</td></tr>
<tr><td>Cell 2-1</td><td>Cell 2-2</td></tr>
</table>
<hr>
<table id="t2">
<tr><td>Cell 1-1</td><td>Cell 1-2</td></tr>
<tr><td>Cell 2-1</td><td>Cell 2-2</td></tr>
</table>

CSS

table {
  border: 1px solid blue;
}
td {
  background-color: red;
}

#t2 {
  border-spacing: 7px;
  border-collapse: separate;
}
#t2 td {
  padding: 10px;
}