JSFiddle - React, Tailwind, and code Playground

HTML

<table>
            <tr>
                <td>&nbsp;</td>
                <td class="radius">&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
        </table>

CSS

table{
width:600px;
border-spacing:0px;
}

td{
border-top:0px;
border-bottom:1px solid #ccc;
}

td:nth-child(2){
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}

.radius{
border-top:1px solid #ccc;
border-radius:5px 5px 0px 0px;
}