JSFiddle - React, Tailwind, and code Playground

by azhari

HTML

<table class="zebra" border="1px solid #000">
     <tr>
         <td>Baris 1</td>
         <td>Baris 2</td>
    </tr>
     <tr>
         <td>Baris 1.1</td>
         <td>Baris 2.1</td>
    </tr>
    <tr>
         <td>Baris 1.2</td>
         <td>Baris 2.2</td>
    </tr>
    <tr>
         <td>Baris 1.3</td>
         <td>Baris 2.3</td>
    </tr>
</table>

CSS

<style>
.zebra tr:nth-child(even) {
     background-color: #f9f9f9;
}
.zebra tr:nth-child(odd) {
     background-color: #DCDCDC;
}
.zebra tr:hover {
     background-color: #4679BD;
}
</style>