Minha tabela já apareceu com bordas e o background do thead estava diferente do background do tbody. Eu pus o mesmo código que o professor. Foi o seguinte código:
| Dia | Horário |
|---|---|
| Segunda | 8h ~ 20h |
| Quarta | 8h ~ 20h |
| Sexta | 8h ~ 20h |
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Minha tabela já apareceu com bordas e o background do thead estava diferente do background do tbody. Eu pus o mesmo código que o professor. Foi o seguinte código:
| Dia | Horário |
|---|---|
| Segunda | 8h ~ 20h |
| Quarta | 8h ~ 20h |
| Sexta | 8h ~ 20h |
Você chegou a linkar o arquivo reset.css antes do seu style.css? Talvez o arquivo reset não tenha sido usado e o navegador estilizou a tabela automaticamente.
Olá, Mauriccio!
Abri o arquivo e o reset já estava presente.
O mistério persiste kkkk.
Envia o teu código, para verificar.
Agora já fiz o css da página e ficou igual. Mas o código é esse:
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="caixa">
<h1><img src="logo.png" alt="Logo da Barbearia Alura"></h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="produtos.html">Produtos</a></li>
<li><a href="contato.html">Contato</a></li>
</ul>
</nav>
</div>
</header>
<main>
<form>
<label for="nomesobrenome">Nome e Sobrenome</label>
<input type="text" id="nomesobrenome" class="input-padrao" required>
<label for="email">Email</label>
<input type="email" id="email" class="input-padrao" required placeholder="seuemail@dominio.com">
<label for="telefone">Telefone</label>
<input type="tel" id="telefone" class="input-padrao" required placeholder="(XX) XXXXX-XXXX">
<label for="mensagem">Mensagem</label>
<textarea cols="70" rows="10" id="mensagem" class="input-padrao" required></textarea>
<fieldset>
<legend>Como prefere o nosso contato?</legend>
<label for="radio-email"><input type="radio" name="contato" value="email" id="radio-email">Email</label>
<label for="radio-telefone"><input type="radio" name="contato" value="telefone" id="radio-telefone">Telefone</label>
<label for="radio-whatsapp"><input type="radio" checked name="contato" value="whatsapp" id="radio-whatsapp">WhatsApp</label>
</fieldset>
<fieldset>
<p>Qual horário prefere ser atendido?</p>
<select>
<option>Manhã</option>
<option>Tarde</option>
<option>Noite</option>
</select>
</fieldset>
<label class="checkbox"><input type="checkbox" checked> Gostaria de receber nossas novidades por email?</label>
<input type="submit" value="Enviar formulário" class="enviar">
<table>
<thead>
<tr>
<th>Dia</th>
<th>Horário</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>
</form>
</main>
<footer>
<img src="logo-branco.png" alt="Logo da Barbearia Alura">
<p class="copyright">© Copyright Barbearia Alura - 2019</p>
</footer>
</body>Se ainda persiste o mistério, envia também o arquivo css. Pelo código que você enviou, parece está normal.