JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tbody>
    <tr>
      <td>a</td>
      <td>b</td>
      <td>c</td>
    </tr>
    <tr>
      <td>a</td>
      <td>b</td>
      <td>c</td>
    </tr>
  </tbody>
</table>

CSS

table {
  border-collapse: collapse;
}
td{
  border: solid 2px #ff00ff;
  background-color: #ffe9e9;
  position: relative;
 
  /* ↓を追加 */
  background-clip: padding-box;
}