JSFiddle - React, Tailwind, and code Playground

HTML

<table>
        <tr>
                <td class="tleft">Cell 1-1</td>
                <td class="tcenter">Cell 1-2</td>
                <td>Cell 1-3</td>
        </tr>
        <tr>
                <td>Cell 2-1</td>
                <td class="bcenter">Cell 2-2</td>
                <td>Cell 2-3</td>
        </tr>
</table>

CSS

table {
        background:green;
        border-radius: 20px 20px 0 0;
        border-spacing:2px;
    border-collapse: collapse;
}
td {
        padding:15px;
        background:#FFCC99;
        border: solid 5px rgba(255,0,0,.5);
}
td.tleft {
        border-radius: 20px 20px 0 0;
        
}
td.tcenter {
        border-radius: 20px;
        
}
td.bcenter      {
        
    border-radius: 20px;
}