Alguém me ajuda por favor? Fiz de tudo, mas nada muda a cor de fundo do site. Só fica branco.
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!
Alguém me ajuda por favor? Fiz de tudo, mas nada muda a cor de fundo do site. Só fica branco.
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 )
