JSFiddle - React, Tailwind, and code Playground

HTML

<table class="test">
    <tr>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
    </tr>
    <tr>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
    </tr>
    <tr>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
    </tr>
</table>

CSS

table.test
{
    border-collapse: separate;
    border-spacing: 10px;
}

table.test td
{
    background-color: lime;    
    padding: 5px;
    border: 1px solid #ccc;
}