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:
table#tabela-zebrada tbody tr:nth-child(odd) {
background-color: #666;
}
Exemplos:
Referencias externas: