Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Duvida sobre tabela

Boa tarde!

Criei a tabela de uma forma diferente da apresentada na aula, porém fiquei com duvida em como montar a

, inclui apena uma linha para o head da tabela, mas ao aplicar o CSS ficou com desenho diferente. Como posso fazer para expandir o conteúdo da linha head para ficar do mesmo tamanho das linhas na
?

Exemplo:

<table> 
            <thead> 
                <tr>
                    <th>Horário de funcionamento</th>   
                </tr>
            </thead>

            <tbody>
                <tr>                    
                    <td>Segunda ~ Sexta</td>
                    <td>08h00 às 19h00</td>
                </tr>
            </tbody>
       </table>

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

thead {background-color: #bbbbbb; text-align: center; font-weight: bold;}

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

![Insira aqui a descrição dessa imagem para ajudar na acessibilidade](https://cdn1.gnarususercontent.com.br/1/1289747/cb2b05a8-cf4a-4eb1-8fad-1a16a6448667.png)  
3 respostas

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

solução!

Usa COLSPAN pra ver se rola

<table> 
            <thead> 
                <tr>
                    <th colspan="2">Horário de funcionamento</th>   
                </tr>
            </thead>

            <tbody>
                <tr>                    
                    <td>Segunda ~ Sexta</td>
                    <td>08h00 às 19h00</td>
                </tr>
            </tbody>
       </table>


Bacana pessoal! Vou testar também!