1
resposta

Tabela com espaçamento entre as colunas

Ola Mestre! No exercício sobre tabelas, no meu caso, está deixando um espaçamento entre as linhas e colunas. Não consegui achar o que possa ser, estou achando que deve ser alguma versão mais atual.

            <thead>
                <tr>
                    <th>Dia</th>
                    <th>Horário</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Segunda-feira</td>
                    <td>8h ~ 20h</td>
                </tr>
                <tr>
                    <td>Quarta-feira</td>
                    <td>8h ~ 20h</td>
                </tr>
                <tr>
                    <td>Sexta-feira</td>
                    <td>8h ~ 20h</td>
                </tr>  
            </tbody>
            <tfoot class="rodape">
                <tr>
                    <td>* Horários referentes a 2022<td>
                </tr>
            </tfoot>
        </table>

        CSS
        table {
    margin: 20px 0 40px;
}


th  {
    background: #777777;
    color: #FFFFFF;
}

thead th{
    background: #555555;
    color: #fff;
    font-weight: bold;
}

td, th {
    border: 1px solid #000000;
    padding: 5px 20px;
}

.rodape {
    border: none;
    padding: 8px 15px;
}

![](Insira aqui a descrição dessa imagem para ajudar na acessibilidade )

1 resposta

Amigo, tudo bem? Testei o seu código e, a tabela aqui ficou normal. Realmente pode ser algo sobre versão ou coisa do tipo.

Um abraço

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software