JSFiddle - React, Tailwind, and code Playground

by Cath_kb

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:#333;
        border-radius: 12px 12px 0 0;
        border-spacing:2px;
}
td {
        padding:10px;
        border-radius: 10px;
        box-shadow: inset 0 0 0 2px red;
}
td.tleft {
        border-radius: 10px 10px 0 0;
        
}
td.tcenter {
        border-radius: 10px;
        
}
td.bcenter      {
        
    border-radius: 10px;
}