Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

Solucionado (ver solução)

Background CSS não funciona

Meu código CSS que foi introduzido no meu HTML não esta trazendo o background em minha pagina, tentei trazer o background como imagem e também como cor mais não foi possível, estou utilizando os navegadores Chrome e Mozilla, estou utilizando de forma privada/anonima e mesmo assim não funciona, alguém poderia me ajudar?

<style>

body {
    background-color: #F2FFFC;
    font-family: "Crimson Text", "Times New Roman", serif;
    font-size: 20px;
}

h1,h2 {
    font-family: "Open Sans Condensed", "Arial", sans-serif
}

main h1{
    font-size: 60px;
    background-color: #851944; 
    color: white;
    text-align: center;
    font-family: "Open Sans Condensed", sans-serif;
}
 h2{
    font-size: 40px;
    font-family: "Open sans Condensed", sans-serif;
}
p {
    text-align: justify;
}

</style>

<style>

body {
    background-color: #F2FFFC;
    font-family: "Crimson Text", "Times New Roman", serif;
    font-size: 20px;
}

h1,h2 {
    font-family: "Open Sans Condensed", "Arial", sans-serif
}

main h1{
    font-size: 60px;
    background-color: #851944; 
    color: white;
    text-align: center;
    font-family: "Open Sans Condensed", sans-serif;
}
 h2{
    font-size: 40px;
    font-family: "Open sans Condensed", sans-serif;
}
p {
    text-align: justify;
}

</style>

6 respostas

Qual cor de fundo você quer deixar essa background-color: #851944; ou essa background-color: #F2FFFC;

O background-color: #F2FFFC.

Repare que no css da tag main o background-color está substituindo o da tag body. Na tag style do css quem for escrito por último tem prioridade.

Oi Laura para identificar o problema preciso verificar a tag head do seu arquivo html. Fico no aguardo.

<head>

    <title>Biografia-João da silva</title>
    <meta charset="utf-8">   
    <link rel="icon" type="text/css" href="favicon.png">
    <link rel="stylesheet" href="site.css">
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Crimson+Text:400,400italic,600">
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700">

</head>
solução

Oi Laura, acho que já identifiquei o problema aqui, quando usamos a nossa folha de estilos em um arquivo separado como você está ultilizando no arquivo site.css não precisamos inserir a tag <style></style> remova essa tag e atualize sua página.

Espero ter ajudado e bons estudos.