Como fazer - Mesa listrada de zebra
Aprenda a criar uma tabela listrada zebra com CSS.
Zebra striping uma mesa
Primeiro nome | Último nome | Pontos |
---|---|---|
Jill | Smith | 50 |
véspera | Jackson | 94 |
Adão | Johnson | 67 |
Para criar uma tabela listrada de zebra, use o nth-child()
seletor e adicione uma cor de fundo a todas as linhas da tabela pares (ou ímpares):
Exemplo
tr:nth-child(even) {
background-color: #f2f2f2;
}
Acesse nosso Tutorial de tabelas CSS para saber mais sobre como estilizar tabelas.
Acesse nossa Referência do seletor CSS para saber mais sobre o seletor nth-child().