Как сделать таблицу с таким ховером?

<table>
  <tr>
    <td>Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat, est.</td>
  </tr>
  <tr>
    <td>Voluptatum odio nulla expedita minima cum? Culpa cum iure laudantium.</td>
  </tr>
  <tr>
    <td>Ullam, aliquid nobis modi consequatur ab eum sapiente maiores obcaecati.</td>
  </tr>
  <tr>
    <td>Ducimus consequatur necessitatibus ipsam nam sapiente nemo odio libero excepturi!</td>
  </tr>
  <tr>
    <td>Earum, in. Quasi, ipsam voluptates quidem nihil sunt debitis sapiente?</td>
  </tr>
</table>

table {
  width: 100%;
}

table td {
  padding: 10px;
}

table tr {
  background-color: #f1f1f1;
}

table tr:nth-child(odd) {
  background-color: #f6f6f6;
}

table tr:hover {
  background-color: #CCC;
}