1
resposta

Table que se auto configurou e não consigo mudar HTML/CSS

Olá, antes d formatar minha tabela, ela já estava com borda, a primeira linha cinza e a fonte branca. Achei estranho pq só tinha criado isso até o momento, sem mexer no CSS, só HTML:

            <table>
                <thead>
                    <tr>
                        <th> Dia </th>
                        <th> Horários </th>                    
                    </tr>
                </thead>
                <tbody>
                     <tr>
                        <td>Segunda</td>
                        <td>8h ~ 20h</td>
                    </tr>
                    <tr>
                        <td>Quarta</td>
                        <td>8h ~ 20h</td>
                    </tr>
                    <tr>
                        <td>Sexta</td>
                        <td>8h ~ 20h</td>
                    </tr>
                </tbody>
            </table>

Em seguida, quando precisei mexer no CSS, a tabela não altera nada, nem margem, nem tamanho de fonte... coloquei essas modificações:

table {
    margin: 20px 0 40px;
}

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

td, th {
    border: 1px solid #000000;
    padding: 8px 15px;
}

Alguem pode me ajudar a entender? o browser ajusta isso sozinho? tentei pelo chrome e internet explorer... e porque não consigo modificar nada daquele modelo padrão pelo css?

1 resposta

Possivelmente a referência ao CSS no seu código tem algum problema.

Para saber só vendo o projeto inteiro.

Experimente colocar em algum repositório:

https://cursos.alura.com.br/forum/topico-como-postar-uma-duvida-de-front-end-de-forma-eficiente-24929