JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table1">     
<thead>    
<tr>
   <th>Name</th>
   <th>Surname</th>
   <th>Email</th>
</tr>  
    </thead>
<tbody>    
<tr><td>@p.Name</td><td>@p.Surname</td><td>@p.Number</td></tr>
<tr><td>@p.Name</td><td>@p.Surname</td><td>@p.Number</td></tr>
<tr><td>@p.Name</td><td>@p.Surname</td><td>@p.Number</td></tr>
<tr><td>@p.Name</td><td>@p.Surname</td><td>@p.Number</td></tr>   
    </tbody>
</table>

CSS

tbody tr:nth-child(1) {
  background-color: #ffc000;
}
tbody tr:nth-child(2) {
  background-color: #548dd4;
}
tbody tr:nth-child(3) {
  background-color: #92d14c;
}
tbody tr:nth-child(4) {
  background-color: #bfbec3;
}