Tabelas zebradas são tabelas com linhas intercaladas com cores diferentes. Tabelas zebradas são geralmente criadas utilizando CSS ou JavaScript.

A lógica utilizada na maioria dos caso é criar estilo em CSS que irá mudar a cor de todas as linhas cujo index é par ou ímpar.

**CSS:**

<!-- language: lang-css -->

    table#tabela-zebrada tbody tr:nth-child(odd) {
        background-color: #666;
    }

**Exemplos:**

![inserir a descrição da imagem aqui][1]

**Referencias externas:**

- [Propriedade do CSS: nth-child][2]
- [Como fazer Tabela Zebrada CSS 3][3]
- [Função javascript para zebrar tabelas][4]


  [1]: https://i.sstatic.net/D29ig.png
  [2]: http://tableless.com.br/nth-child/
  [3]: http://herictilly.com.br/blog/css/tabela-zebrada-css-3/
  [4]: http://www.toprated.com.br/funcao-javascript-para-zebrar-tabelas