CSS Como adicionar espaçamento entre as linhas de uma tabela

[Iking1]

Boa noite. Galera estou fazendo uma atividade da faculdade, na qual eu tenho que fazer uma espécie de uma tabela do brasileirão tipo a do GE, só que o design não está lega, quero adiciona rum espaçamento entre as linhas da tabela, mas não sei como fazer isso, alguém poderia me ajudar?

[DiF]

@Iking1 Olá, 

O espaçamento que você diz, é colocar uma divisória em cada linha da tabela? 

quer fazer o efeito zebra?

 

Se for uma divisória você pode simplesmente definir o border collapse, para a table, tr e td.

Definir para td uma borda da espessura que quiser, cor e definir para ser no bottom, além de definir o padding.

Exemplo online: http://jsfiddle.net/dife/rcx9gfj1/5/

 

Ou você pode usar o even e odd, onde respectivamente é par e ímpar.

Exemplo online: http://jsfiddle.net/dife/dewhf50j/3/

[Iking1]

Mano resolvi um pouco o visual, resolvi dar só um padding já melhor bastante. Mas me surgiu outra dúvida, como faço pra colocar meu titulo ali exatamente no centro da div?

[makotsunami]

Você pode aumentar o padding,mas aumentar o line-height é melhor, visualmente falando.

[Adriano_web]

Olá Iking1. O design você pode arrumar adicionando fontes e ícones para dar um toque a mais. Eu lhe recomendo o site fonts.google.com para as fontes, tem bastante fontes boas por lá, também lhe recomendo um repositório para ícones, deixo aqui o site do iconsawesome fontawesome.com, mas lembre-se menos é mais, então não abuse de fontes. Enquanto o espaçamento das listas, se você usar a propriedade line-height irá conseguir adicionar espaços na parta inferior da lista, também é possível usar a propriedade margin-bottom para isso e margin-top, para espaçar o lado superior da lista.