JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <th>AAA</th>
	<th>BBB</th>
	<th>CCC</th>
	<tr>
	  <td>AAA</td>
	  <td>BBB</td>
	  <td>CCC</td>
	</tr>
	<tr>
	  <td>AAA</td>
	  <td>BBB</td>
	  <td>CCC</td>
	</tr>
	<tr>
	  <td>AAA</td>
	  <td>BBB</td>
	  <td>CCC</td>
	</tr>	
  </table>

CSS

table {
    border-collapse:collapse;
  }
  
  td {
	border: 1px solid #000;
  }
  
  tr:hover td {
	border-color: #F55;
  }