Como criar: Tabela com listras de zebra

Aprenda a usar CSS para criar tabelas com listras de zebra.

Tabela com listras de zebra

Nome Sobrenome Pontos
Jill Smith 50
Eve Jackson 94
Adam Johnson 67

Para criar uma tabela de listras de zebra, use :nth-child() Seletor, e adicione cor de fundo para todas as linhas pares (ou ímpares):

Exemplo

tr:nth-child(even) {
  background-color: #f2f2f2;
}

Experimente pessoalmente

Páginas relacionadas

Tutorial:Tabela CSS

Manual de referência:Seletor CSS nth-child()