Ajuda com bordas

[mshonorato]

Bom dia pessoal,

Estou tentando colocar bordas bem finas em uma tabela, porém quero que as tabelas fiquem bem juntas.

Meu problema é que ao deixar as tabelas grudadas, ou seja, com padding e margin 0, as bordas do top + botton se juntam e a borda fica grossa.

Encontrei uma imagem na net que achei bonita e queria fazer igual, alguém saberia me dizer que tipo de bordas foram usadas, olhando a imagem?

Desde já, muito obrigado!

[sousatg]

Será que você podia partilhar o código HTML/CSS que tem para termos uma melhor ideia do problema?

[mshonorato]

Sim colega, obrigado pela resposta!

Acho que o que preciso é do border-collapse, mas não funciona.

Segue parte do código, pois é muito grande.

<table width='100%' cellspacing='0'>
                        <tr align='center'>
                            <td class='table1'>Cod </td>
                        
                            <td class='table1'>Nome </td>
                        
                            <td class='table1'>Assunto </td>
                            
                            <td class='table1'>Abertura </td>
                            
                            <td class='table1'>Status </td>
                        </tr>

.table1{
    border-collapse: collapse;
    font-family:Arial,Verdana,Helvetica,sans-serif,Trebuchet MS;
    text-align:center;
}

.table1, tr, td
      {
        border: 1px solid #999;
      }

 

Editado Setembro 2, 2015 por mshonorato