4
respostas

[Dúvida] Cor não quer aparecer no fundo

Fiz no modelo de um cardápio de natal com o fundo em Red e letra Gold

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header></header>
    <main>
        <h1><strong>Natal Mágico</strong> Duquesa Doces
       <h1></h1>
       <p>
       Venha experimentar gostinho doce do Natal!
        <h1></h1>
            Lembrancinhas, presentes e tortas para te encantar!
            <h1></h1>
            Pedidos até 20/12</p></h1>
            <a href="https://www.instagram.com/duquesadocesjf/">Instagram</a>
            <a href="https://drive.google.com/file/d/1MvMgAJqqScD6rowE41GFhO8wbmsxGURm/view?usp=drive_link">Cardápio</a>
            <img src="C:\Users\maril\Desktop\alura\hmtl e css\image.webp" alt="imagem do mini panetone">
    </main>
    <footer></footer>
</body>
</html>

No CSS

body {
    background-color: red;
    color: gold;
}
4 respostas

Boa noite @Mariana, tudo bom? eu testei o seu código e o fundo alterou normalmente.

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

caso no seu não tenha funcionado confira se o caminho para o arquivo css está adicionado corretamente, por exemplo:

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

se os dois arquivos estiverem na raiz do projeto a sua importação <link rel="stylesheet" href="style.css"> deve funcionar, porém se estiver dentro de uma pasta por exemplo:

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

o código precisará ser corrigido para o seguinte: <link rel="stylesheet" href="./styles/style.css">

Espero muito ter conseguido te ajudar, caso o problema persista, posso te ajudar investigando mais a fundo seu problema

edit: realmente as tags de fechamento estão meio bagunçadas

Boa noite, fiz algumas correções no fechamento de tags. Vou colar aqui pra você comparar! O css está certinho! testa ai, aqui funcionou. Lembre-se de verificar se você salvou o arquivo css com o nome style.css, assim como está no link!

<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <header>
        <main>
            <h1><strong>Natal Mágico</strong> Duquesa Doces</h1>
            <p>Venha experimentar gostinho doce do Natal!</p>
            <p>Lembrancinhas, presentes e tortas para te encantar!</p>
            <p>Pedidos até 20/12</p>
            <a href="https://www.instagram.com/duquesadocesjf/">Instagram</a>
            <a href="https://drive.google.com/file/d/1MvMgAJqqScD6rowE41GFhO8wbmsxGURm/view?usp=drive_link">Cardápio</a>
            <img src="C:\Users\maril\Desktop\alura\hmtl e css\image.webp" alt="imagem do mini panetone">
        </main>
    </header>
    <footer></footer>
</body>

</html>

Imagem do meu navegador

Olá, pessoal, as sugestões de vocês não funcionaram, mas, fica a dica pro pessoal, eu só deletei tudo e criei uma pasta nova no VSCode e funcionou normalmente hahaha

Olá, precisa salvar o "style.css", individualmente do html.