Page is a not externally linkable
- Code, Content, and Presentation
-- CSS
---- Alternate table row colours

Fotiman - 3:26 pm on May 23, 2012 (gmt 0)


It's not complicated at all. 

<!DOCTYPE html>
<html>
<head>
<style>
tr:nth-child(odd) {
  background-color:red; 
}
</style>
</head>
<body>
  <table>
    <tbody>
      <tr>
        <td>1 - 1</td>
        <td>1 - 2</td>
      </tr>
      <tr>
        <td>2 - 1</td>
        <td>2 - 2</td>
      </tr>
      <tr>
        <td>3 - 1</td>
        <td>3 - 2</td>
      </tr>
      <tr>
        <td>4 - 1</td>
        <td>4 - 2</td>
      </tr>
    </tbody>
  </table>
</body>
</html>

Thread source:: http://www.webmasterworld.com/css/4456880.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com