Bruno Torres ponto net

Tabelas estilo “zebra”

• Tweetar

Um excelente artigo publicado no site A List Apart ensinando como fazer tabelas com cores de linhas alternadas usando CSS, JavaScript e DOM.

O artigo mostra como criar o efeito (muito parecido com a interface do programa iTunes, da Apple) de três maneiras:

Duas usando apenas CSS e outra usando Javascript DOM + CSS.

As opções são:

Definir duas classes – uma para as linhas ímpares e outra para as pares.

Refinar esta solução usando apenas uma classe – para as linhas ímpares – e deixando o restante sem classe, já que estas são pares.

E, enfim, uma solução mais inteligente, usando um JavaScript para aplicar os estilos a cada linha dinamicamente.

Confiram o artigo pois é muito interessante.