0

Boa tarde! Então galera, quando estou aplicando background no meu th as colunas ficam separadas, como podem ver na imagem. Podem me ajudar a entender o porque, obrigado!

resultado da tabela

index.html

<!DOCTYPE html>
<html>
    <head>
        <title>Lista de pedidos</title>
        <link rel="stylesheet" href="css/index.css">        
    </head>
    <body>
        <table>
            <thead>
                <tr>
                    <th>-</th>
                    <th>Mercado</th>
                    <th>Pedido</th>
                    <th>Valor</th>
                    <th>Data</th>
                    <th>Situação</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Logo</td>
                    <td>Loja1</td>
                    <td>200201197</td>
                    <td>R$10000</td>
                    <td>21-12-2019</td>
                    <td>Pedido entregue</td>
                </tr>
            </tbody>
        </table>
    </body>
</html>

index.css

th {
    background: #C0C0C0;

}


1 Resposta 1

1

É porque a <table> por padrão tem a propriedade cellspacing definida em 1. Esse 1 é o espaço... defina para 0 que resolverá.

<table cellspacing="0">
...
</table>
1
  • Deu certo! Obrigado Bruno! Commented 18/01/2020 às 22:19

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 .