Get the code of CSS Table Even Odd Rows Background and watch video tutorials. You can practice using our code editor. Our practical guide will make your learning journey much easier. You can explore the tutorial and learn.
<table>
<tr>
<th>First Name</th>
<th>Salary</th>
</tr>
<tr>
<td>Peter</td>
<td>$2000</td>
</tr>
<tr>
<td>James</td>
<td>$3000</td>
</tr>
<tr>
<td>James</td>
<td>$3000</td>
</tr>
<tr>
<td>James</td>
<td>$3000</td>
</tr>
</table>table, th, td {
border-collapse: collapse;
}
table {
width: 100%;
}
th, td {
text-align: left;
border-bottom: 1px solid gray;
}
tr:nth-child(odd) {
background: lightblue;
}
tr:nth-child(even) {
background: yellow;
}