footer { text-align: center; background: url("imagens/produtos/bg.jpg"); padding: 40px 0; }
footer { text-align: center; background: url("imagens/produtos/bg.jpg"); padding: 40px 0; }
Oi Daniel.
Tudo bem ?
Você poderia colocar o seu código HTML pra podermos ver se conseguimos encontrar o motivo de não estar funcionando ?
O endereço de seu url está correto ?
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/produtos.css">
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="produtos.html">Produtos</a></li>
<li><a href="contato.html">Contato</a></li>
</ul>
</nav>
</div>
</header>
<!-- Corpo -->
<main>
<ul class="produtos">
<li>
<h2>Cabelo</h2>
<img src="imagens/produtos/cabelo.jpg">
<p class="produto-descricao">Na tesoura ou máquina, como o cliente preferir</p>
<p class="produto-preço">R$ 25</p>
</li>
<li>
<h2>Barba</h2>
<img src="imagens/produtos/barba.jpg">
<p class="produto-descricao">Corte e desenho profissional de barba</p>
<p class="produto-preço">R$ 18</p>
</li>
<li>
<h2>Cabelo + Barba</h2>
<img src="imagens/produtos/cabelo+barba.jpg">
<p class="produto-descricao">Pacote completo de cabelo e barba</p>
<p class="produto-preço">R$ 35</p>
</li>
</ul>
</main>
<!-- Rodapé -->
<footer>
<img src="imagens/produtos/logo-branco.png">
<p class="copyright">© Copyright Barbearia Alura 2021</p>
</footer>
Oi Daniel.
Eu estava testando o seu código pelo JsFiddle, aparentemente está tudo certo com o carregamento de imagem.
Creio que o problema esteja porque não foi encontrado mesmo a imagem de background no diretório.
Link do JsFiddle:
https://jsfiddle.net/raphaelwilker/47vbmt9k/2/
Espero ter conseguido ajudar.
Fala Daniel!
Quando for navegar entre páginas, não se esqueça de colocar / antes da primeira página.
Tente o seguinte:
<img src="/imagens/produtos/logo-branco.png">