JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tbody>
    <tr>
      <td>#1</td>
      <td>#2</td>
      <td>#3</td>
    </tr>
    <tr>
      <td>#1</td>
      <td>#2</td>
      <td>#3</td>
    </tr>
    <tr>
      <td>#1</td>
      <td>#2</td>
      <td>#3</td>
    </tr>
  </tbody>
</table>

CSS

td{
  padding:20px;
  border:1px solid #000;
}
table{
  width: 100%;
  background-color: white;
  border-radius: 0 0 15px 15px;
  border:1px solid #000;
  overflow: hidden;
  border-spacing: 0;
}
tr:hover td{
  
  background-color: red;
}