JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tbody>
  <tr><td>SELF</td><td>HTML</td><td>RULZ</td></tr>
  <tr><td>SELF</td><td>HTML</td><td>RULZ</td></tr>
  <tr><td>SELF</td><td>HTML</td><td>RULZ</td></tr>
</tbody>
</table>

CSS

table {
  border-collapse: collapse;
  border: 6px solid black;
}
tbody {
  border-top: 4px solid salmon;
  border-right: 5px solid salmon;
  border-bottom: 6px solid salmon;
  border-left: 7px solid salmon;
}
td {
  width: 4em; height: 2em;
  border: 5px solid teal;
}