table with alternating colors (Interactive Example)

<!DOCTYPE html>
<title>My Example</title>

<style>
  table {
    width: 100%;
    text-align: left;
  }
  table, th, td {
    border-collapse: collapse;
    padding: 5px;
  }
  table tr:nth-child(even) {
    background-color: #eee;
  }
  table tr:nth-child(odd) {
    background-color: #fff;
  }            
</style>
<table>
  <tr>
    <th>Table Header</th>
    <th>Table Header</th>
    <th>Table Header</th>
  </tr>
  <tr>
    <td>Table cell</td>
    <td>Table cell</td>
    <td>Table cell</td>
  </tr>
  <tr>
    <td>Table cell</td>
    <td>Table cell</td>
    <td>Table cell</td>
  </tr>
  <tr>
    <td>Table cell</td>
    <td>Table cell</td>
    <td>Table cell</td>
  </tr>
  <tr>
    <td>Table cell</td>
    <td>Table cell</td>
    <td>Table cell</td>
  </tr>
  <tr>
    <td>Table cell</td>
    <td>Table cell</td>
    <td>Table cell</td>
  </tr>
</table>

<hr>
<p>More info: <a href="/html/html_table_tutorial.cfm">Table Tutorial</a>, <a href="/html/html_table_generator.cfm">Table Generator</a>.</p>