2
respostas

Não consigo deixar uma imagem no background responsivel

Boa tarde Galera,

Alguem poderia me dar uma dica de como deixar uma imagem no background, e essa imagem além de ocupar todo o corpo preciso que ela fique responsivel, segue link do meu repositorio : https://github.com/Moliveira7/funcoes.git

2 respostas

Olá Miqueias, tudo bem?

Para deixar uma imagem de fundo responsiva, você pode utilizar a propriedade CSS "background-size" com o valor "cover". Isso fará com que a imagem de fundo cubra todo o elemento pai, mantendo suas proporções originais.

No seu caso, você pode adicionar o seguinte código CSS para a classe "body":

body {
  background-image: url('caminho/da/sua/imagem.jpg');
  background-size: cover;
}

Lembre-se de substituir o "caminho/da/sua/imagem.jpg" pelo caminho correto da sua imagem.

Espero ter ajudado e bons estudos!

Muito obrigado, o background ficou responsivel, mas não do jeito que eu queria, tipo se eu abrir pra telas menores, tablets e celulares, a foto de background não aparece por inteira proporcionada para essas resoluções

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