1

Tenho a seguinte tabela:

<table>
  <tr>
    <td style="border-top:1pt solid black">A</td>
    <td style="border-top:1pt solid black">B</td>
  </tr>
</table>

Perceba que ao colocar a borda nas td's a linha não tem continuidade de uma coluna para outra, mas possui um intervalo em branco. Como posso remover esse espaço usando border na td como está?

Resultado obtido:
inserir a descrição da imagem aqui

Resultado desejado:
inserir a descrição da imagem aqui

0

2 Respostas 2

4

Adicione style="border-collapse: collapse;" na tag ou no css:

table {
border-collapse: collapse;
 }
<table>
  <tr>
    <td style="border-top:1pt solid black">A</td>
    <td style="border-top:1pt solid black">B</td>
  </tr>
</table>

0

A tag TABLE tem uma prioridade para isso. Tente o código abaixo:

 <table cellpadding="0" cellspacing="0">
1
  • 1
    muito obrigado pela resposta @RogerioSoaresFerreira o único problema é que o atributo cellspacing não é suportado no HTML5. 11/04/2016 às 13:34

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .