<table>
  <thead>
    <tr>
      <th>Hero</th>
      <th>First Name</th>
      <th>Last Name</th>
    </tr>
  </thead>
    <tbody>
      <tr>
        <td>Superman</td>
        <td>Clark</td>
        <td>Kent</td>
      </tr>
      <tr>
        <td>Batman</td>
        <td>Bruce</td>
        <td>Wayne</td>
      </tr>
     <tr>
        <td>Spiderman</td>
        <td>Peter</td>
        <td>Parker</td>
      </tr>

     <tr>
        <td>6 Million Dollar Man</td>
        <td>Steve</td>
        <td>Austin</td>
      </tr>

      <tr>
        <td>Captain America</td>
        <td>Steven</td>
        <td>Rogers</td>
      </tr>

     <tr>
        <td>Green Arrow</td>
        <td>Oliver</td>
        <td>Queen</td>
      </tr>

     <tr>
        <td>Green Lantern</td>
        <td>Hal</td>
        <td>Jordan</td>
      </tr>
      
  
  </tbody>
  </table>
      
    
body {
  font: normal medium/1.4 sans-serif;
}
table {
  border-collapse: collapse;
  width: 75%;
}
th, td {
  padding: 0.25rem;
  border: 1px solid #ccc;
}

thead tr {
  background-color: rgba(44, 62, 80,1.0);
  color: rgba(236, 240, 241,1.0);
}

tbody tr:nth-child(odd) {
  background-color: rgba(52, 152, 219,1.0);
}


tbody tr:nth-child(even) {
  background-color: rgba(241, 196, 15,1.0);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.