Como fazer uma lista zebrada?

07/11/2016

0

CSS

Opa pessoal, me tirem uma dúvida rapidinho.

To com uma tabela que traz vários registros, e queria deixar os resultados virem num estilo zebrado.

Queria saber como fazer isso e também queria saber se eu posso escolher as cores de zebrado no css.
Tiago Dias

Tiago Dias

Responder

Post mais votado

07/11/2016

Se for uma tabela pode fazer assim:

tr:nth-child(even) {
    background: #CCC
}
tr:nth-child(odd) {
    background: #FFF
}


ou se for uma <li> é so trocar tr por li.

Even é par e odd é impar, ou seja, ele vai por a cor selecionadas nas linhas ímpares e a outra nas linhas pares.

Nathália Hirth

Nathália Hirth
Responder

Mais Posts

07/11/2016

Jones Granatyr

Opa! Uma alternativa é fazer uma nova classe para cada uma das cores, e chamar a classe em cada tag TR: <tr style="cor1"> e <tr style="cor2">
Responder

07/11/2016

Marcelo Pastore

Usando framework(JQuery)

http://tableless.com.br/melhorando-exibicao-tabelas-jquery/
Responder

08/11/2016

Larissa Aguiar

Oi gente, Que legal!

Muito maneiro!
Responder

09/11/2016

Tiago Dias

Obrigado a todos pela ajuda!

Mas me parece que a solução apresentada pela Nathália foi a mais simples!

Mesmo assim obrigado a todos pela ajuda. Achei que fosse um pouco mais complicado fazer isso.

Valeu
Responder

09/11/2016

Marcelo Pastore

Sem duvida é a mais simples! Mas atualmente usam bastante framework, depois pesquise mais sobre JQuery.
Responder

Assista grátis a nossa aula inaugural

Assitir aula

Saiba por que programar é uma questão de
sobrevivência e como aprender sem riscos

Assistir agora

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar