JSFiddle - React, Tailwind, and code Playground

HTML

<table cellspacing="0" cellpadding="0" class="table">
  <tr>
    <td> 
      <a href="#"></a>
    </td>
    <td>
      <a href="#"></a>    
    </td>
  </tr>
</table>

CSS

.table td {
   background: #005500;
   height: 150px;
}

.table a {
  background: #ff0000;
  width: 100px;
  height: 100px;
  display: block;
  border: 4px solid #000000;
}

.table td:nth-of-type(odd) a {
  border-right: 2px solid black;
}

.table td:nth-of-type(even) a {
  border-left: 2px solid black;
}