Press "Enter" to skip to content

Dica: cellpadding e cellspacing de tabelas via CSS

Olá, mais uma dica simples hoje 🙂 !

Apesar de implementarmos layouts nas nossas aplicações utilizando divs, ou os novos elementos do HTML 5. O uso de tables ainda existe. Elas são úteis em “tabelas” :D. Ou caso você utilize uma ferramenta visual para editar seu HTML, algumas delas gostam bastante de criar tables de uma forma meio estranha.

Uma tabela que utiliza cellpadding e seu cellspacing é declarada da seguinte forma.

Lembrando o que cada um dos atributos representa:

  • cellpadding: Distância entre a “borda” da célula até o seu conteúdo
  • cellspacing: Distância entre as células da tabela

E a mesma definição com CSS.

Enfim simples mas ainda encontro algumas páginas cheias de css mas com as tabelas deixadas de lado :).

Pode testar o código no JSFiddle.

Abraços.