6
respostas

A cor-de-fundo não muda de cor (#00030C;) "BLACK"

Alguém me ajuda por favor? Fiz de tudo, mas nada muda a cor de fundo do site. Só fica branco.

6 respostas

Olá, possivelmente pode ter deixado de ''Linkar'' sua folha CSS ao seu HTML

No head do seu HTML adicione<link rel="stylesheet" href="style.css">

(ou o nome da sua folha CSS caso seja diferente)

Espero ter ajudado <3

boa noite , tambem estou com mesmo problema as () ficam roxas segue o codigo

<hmtl>
    <haed>
        <title>Alura Plus</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width-device-width ,initial-scale=1">
        <link rel="stylesheet" href="styles.css">
    </haed>
    <body >

    </body>
</hmtl>
:root{
    --Branco-principal:#ffffff;
    --cinza-secundario:#C0C0C0;
    --botao-azul:#167BF7;
    --cor-de-fundo:#00030C;
}

.body {
    background-color: var(--cor-de-fundo);
}

Há um pequeno erro de digitação no seu HTML você digitou hmtl e haed ao invés de html e head.

Aqui está a correção:

<!DOCTYPE html>
<html>
    <head>
        <title>Alura Plus</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="styles.css">
    </head>
    <body>

    </body>
</html>

Além disso você usou .body ao invés de body, é um erro comum, mas body por ser um elemento pai e não uma classe definida, não há necessidade de se colocar ''.'' antes do elemento.

Aqui está a correção:

body {
    background-color: var(--cor-de-fundo);
}

Espero ter ajudado :]

!Muito obriga

Em seu código HTML você está utilizando a tag

, porém em seu CSS você esta chamando .body{} que seria uma class="body" em seu HTML (no caso ela não existe). Para resolver basta remover no seu CSS o "." que está na frente de body.

Grato pela atenção, mas eu fiz exatamente asssim. Realmente não sei o que está acontecendo. (Fernando Washington Da Silva )

Com o Combo+, você pode aproveitar a Alura+ e o Alura Língua por um preço único.

O combo+ é a junção do alura+ e o alura língua

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software