CSS: Formatar tabelas com estilo!

Publicado a 17/03/2019, 05:38 por Luis Pitta ‎[org]‎   [ atualizado a 15/05/2020, 04:57 ]

Gostas de musica Punk?
Este exercício é muito interessante e pode ser feito em 15 minutos!


A partir de uma tabela inicial, sem formatação e aborrecida vamos utilizar CSS para a formatar "over the top!"




Deves seguir os seguintes passos:





Se gostaste deste exemplo deves agora visitar o seguinte guia sobre o elemento Tabela:
 

 Complete Guide to the Table Element




Podes também utilizar este gerador automático de código CSS:




Sabias que podes fazer toda a tabela só com DIVs e CSS?

Porquê utilizar só DIVs para fazer tabelas?

Para a página carregar mais rapidamente e permitir uma melhor adaptação aos dispositivos moveis (ecrãs mais pequenos).

Responsive data tables