98 Estilos de Tabela em CSS

tabelas

Tenho certeza que esse vai para o seu favoritos. Se você procura fazer uma tabela bonitinha em sua página ( tablelessmaníacos, estou falando de tabela mesmo hein ;) ) agora isso não será mais problema.

Apresento a vocês 98 estilos diferentes de construção de tabelas, de diferentes cores e tipos. Basta clicar, visualizar e pegar o código. Simples, não?

Para o alto e Avante!

Bruno Ávila é publicitário e pós-graduando em Marketing com ênfase em ambiente digital pela FGV Brasília. Abriu sua própria agência em 1997, atendendo grandes clientes brasileiros. De 2001 a 2003 foi diretor de criação web do Grupo de Comunicação O Povo. Foi ganhador de três prêmios IBest, maior prêmio da Internet brasileira. Há 10 anos dirige a Ávila EAD, empresa voltada para soluções em educação a distância. Ministra cursos específicos sobre Design, Publicidade e Empreendedorismo por onde já passaram mais de 10 mil alunos. Bruno é autor do livro "Quero ser um Web Designer", um guia para os que desejam iniciar no mercado de web design.

12 Comentários

  • Luis

    11/07/2008 às 7:56 am

    Legal….

  • Edimar Ramos

    14/07/2008 às 2:10 pm

    Bacana… formatações de tabelas sempre são meio chatas pra fazer.. srsr.. com um referencia ajuda…
    valeu

  • Polyana

    17/02/2010 às 7:44 pm

    AS tabelas sao interessantes mas só abre em Front, nao tem em css ?

  • Eliomar

    28/08/2011 às 1:28 pm

    Muito boa a dica!!!! Sou professor da Rede de Franquias Microlins e parabenizo suas dicas…

  • Lyvia

    17/10/2011 às 5:06 pm

    Adorei!

    Obrigada!!!

  • Cleyton

    25/05/2013 às 11:58 pm

    Legal mesmo, valeu.

  • rodrigo

    10/09/2013 às 10:21 am

    Ótima dica! Obrigado.

  • nem

    11/09/2013 às 2:59 am

    não consegui visualizar;

  • Bruno Ávila

    11/09/2013 às 4:15 pm

    Olá Nem, basta clicar em “Curtir” na caixa azul que aparece no meio do post para ver o restante do conteúdo. ;)

  • Carlos Rodrigues

    15/10/2013 às 9:56 pm

    Esta dica foi realmente muito boa, obrigado!

  • Jonatas

    04/11/2013 às 8:44 pm

    Excelente dica. Estou desenvolvendo um ecommerce B2B que usar esta!

  • Alvaro

    12/02/2014 às 3:22 pm

    Consegui ver os codigos CSS, mas alguém poderia explicar como puxá-los no arquivo html?

    Fui tentando aqui mas as propriedades da tabela acabaram invadindo outras DIV´s e não consegui determinar o tamanho para a altura. Então a tabela acabou ficando por cima da div do rodapé.

  • Comente

    *
    *

    counter

    O Significado das Cores

    Receba gratuitamente o eBook "O Significado das Cores" onde Bruno Ávila mostra os sentimentos positivos e negativos transmitidos pelas cores, auxiliando você a eleger a melhor opção para o seu projeto.

    Coloque seu email e receba gratuitamente: