Estou tendo dificuldades de conseguir colocar uma imagem de fundo pelo css com o .principal Já adicionei o section e class no html e o . no css mas não aparece. Grato pela ajuda
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!
Estou tendo dificuldades de conseguir colocar uma imagem de fundo pelo css com o .principal Já adicionei o section e class no html e o . no css mas não aparece. Grato pela ajuda
Oi Mikael,
O ideal seria ver o seu código HTML e CSS. 🙄
background-image: Verifique se você está usando a propriedade correta no CSS. A sintaxe correta é background-image: url('caminho/para/sua/imagem.jpg');.section e class: Confirme se o section e a class estão corretamente definidos no seu HTML e se o seletor CSS está correspondendo corretamente (ex: .principal).background-color) ou outras propriedades que possam estar impedindo a imagem de aparecer. 🤔background-size: cover; ou background-size: contain; para ajustar o tamanho da imagem ao elemento. 👍<section class="principal">
<!-- Seu conteúdo aqui -->
</section>
.principal {
background-image: url('sua_imagem.jpg');
background-size: cover;
background-repeat: no-repeat;
/* Outras propriedades */
}
Para saber mais: Documentação da propriedade background no MDN.
Continue praticando e explorando as possibilidades do CSS! 🧐