Core Code
Core Code Modern Dev Handbook

Striped Table Rows

Example creating striped rows using CSS.

Preview

Code

<style>
tr:nth-child(even){background:#f2f2f2;}
</style>

<table border="1">
<tr>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>Tom</td>
<td>28</td>
</tr>
<tr>
<td>Sara</td>
<td>22</td>
</tr>
</table>

More HTML Tables Examples (11)

example Basic HTML Table open example example Table Header Example open example example Table Border open example example Table Colspan open example example Table Rowspan open example example Table Caption open example example Styled Table open example example Table Column Width open example example Table Text Alignment open example example Responsive Table open example example Data Table Example open example