<!DOCTYPE html>
<html>
<head>
<title>Table styles</title>
<style>
body {
background-color:#ffffff;
font-family:arial, verdana, sans-serif;
font-size:14px;}
table {
border-style:solid;
border-width:1px;
border-color:#666666;}
tr {background-color:#cccccc;}
tr:nth-child(odd) {background-color:#efefef;}
th {
color:#ffffff;
background-color:#999999;
font-weight:bold;
border:none;
padding:4px;}
td {
color:#000000;
padding:2px;}
</style>
</head>
<body>
<h2>Odd and Even Table Rows</h2>
<table>
<tr>
<th>Ingredient</th>
<th>Quantity</th>
</tr>
<tr class="odd">
<td>Eggs</td>
<td>3</td>
</tr>
<tr>
<td>Milk</td>
<td>100ml</td>
</tr>
<tr class="odd">
<td>Spinach</td>
<td>200g</td>
</tr>
<tr>
<td>Cinnamon</td>
<td>1 pinch</td>
</tr>
</table>
</body>
</html>