HTML Table Styling
Make tables easier to read with CSS.
Zebra striping and a hover highlight are the two most common touches, both done with CSS selectors.
Striped rows
<!DOCTYPE html>
<html>
<body>
<style>
tr:nth-child(even) { background: #f2f2f2; }
tr:hover { background: #e5fff5; }
</style>
<table>
<tr><th>Name</th><th>Role</th></tr>
<tr><td>Asha</td><td>Designer</td></tr>
<tr><td>Ravi</td><td>Developer</td></tr>
<tr><td>Priya</td><td>Manager</td></tr>
</table>
</body>
</html>
