3
respostas

Backgound do body não aparece

O background do body não aparece e não consegui acahr o erro. Segue abaixo HTML e CSS (externo).

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Barbearia Alura </title>
        <link rel="stylesheet" href="barbearia.css">
    </head>

    <body>
        <div>
            <img id="banner" src="banner/banner.jpg">
        </div>

        <div>
            <h1>Sobre a Barbearia Alura</h1>    
            <p> Localizada no coração da cidade a <strong>Barbearia Alura</strong> traz para o mercado o que há de melhor para o seu cabelo e barba.
            Fundada em 2019, a Barbearia Alura já é destaque na cidade e conquista novos clientes a cada dia.</p>
            <p id="missao"><em>Nossa missão é: <strong>"Proporcionar auto-estima e qualidade de vida aos clientes".</strong></em></p>
            <p>Oferecemos profissionais experientes e antenados às mudanças no mundo da moda. O atendimento possui padrão de
            excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>
        </div>
        <div class="beneficios">
            <h2>Benefícios</h2>
            <ul>
                <li class="itenslista">Atendimento</li>
                <li class="itenslista">Espaço diferenciado</li>
                <li class="itenslista">Localização</li>
                <li class="itenslista">Profissionais Qualificados</li>
            </ul>
        </div>        
    </body>
</html>

CSS EXTERNO

<style>

    body{
        background: #cccccc;
    }

    #banner{
        width:100%;
    }

    p {
        text-align: center;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; 
    }

    h1 {
        text-align: center;
        font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    }

    h2 {
        font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    }

    #missao {
        font-size: 20px;
    }

    em strong {
        color:rgba(255, 0, 0, 0.781);
    }

    .itenslista{
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        font-style: italic;
    }

    .beneficios{
        background-color: rgb(18, 51, 78);
    }

</style>
3 respostas

Olá, Janine.

Tudo bem?

Eu copiei os seus códigos HTML e CSS e testei aqui, e está normal! O <body> está com um background cinza: background: #cccccc; e os benefícios com o background azul escuro: background-color: rgb(18, 51, 78); está assim:

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

Espero ter ajudado.

Qualquer dúvida manda aqui!

Que coisa! Pra mim aparece branco. Obrigado!

Oi, Janine.

Tenta colocar uma cor forte, tipo um vermelho, para testar e ver se está alterando para você.