JSFiddle - React, Tailwind, and code Playground

HTML

<table id="inset" cellspacing="0">
    <tr>
        <td>Hello</td>
        <td>Goodbye</td>
    </tr>
</table>
<hr>
<table id="sides" cellspacing="0">
    <tr>
        <td>Hello</td>
        <td>Goodbye</td>
    </tr>
</table>

CSS

#inset {border:8px outset #f00;}
#inset td {border:4px inset #f00;}
#sides {border-top:8px solid #f33; border-left:8px solid #f33; 
    border-right:8px solid #c00; border-bottom:8px solid #c00; }
#sides td {border-top:4px solid #c00; border-left:4px solid #c00; 
    border-right:4px solid #f33; border-bottom:4px solid #f33; }