1
resposta

[Dúvida] Imagem de fundo

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

1 resposta

Oi Mikael,

O ideal seria ver o seu código HTML e CSS. 🙄

  • Pontos importantes:
  1. Caminho da imagem: Certifique-se de que o caminho para a imagem no seu CSS está correto.
  2. Propriedade background-image: Verifique se você está usando a propriedade correta no CSS. A sintaxe correta é background-image: url('caminho/para/sua/imagem.jpg');.
  3. 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).
  4. Outras propriedades: Às vezes, outras propriedades CSS podem estar sobrepondo a imagem de fundo. Verifique se você tem alguma cor de fundo (background-color) ou outras propriedades que possam estar impedindo a imagem de aparecer. 🤔
  5. Tamanho da imagem: Se a imagem for muito pequena, pode não ser visível. Use background-size: cover; ou background-size: contain; para ajustar o tamanho da imagem ao elemento. 👍
  • Exemplo:
  • HTML:
<section class="principal">
    <!-- Seu conteúdo aqui -->
</section>
  • CSS:
.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! 🧐