Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Como utilizar imagem como background

Me surgiu esta dúvida durante o curso: Como faço para utilizar alguma imagem como background? Acredito que em alguma situações seria interessante.

3 respostas
solução!

Fala Danillo, tudo bem? Espero que sim!

Para isso, temos uma propriedade css chamada background-image, em que ela recebe como valor um url(), na qual você deve informar o caminho ou o link para imagem dentro dos parênteses, assim:

.algumaclassequalquer {
    background-image: url(link da imagem aqui);
}

Também pode ocorrer de o background ser menor do que o conteudo, então ele acaba se repedindo, e para evitar essa repetição você pode utilizar;

.algumaclassequalquer {
    background-image: url(link da imagem aqui);
    background-repeat: no-repeat;
}

Você também pode posicionar o background:

.algumaclassequalquer {
    background-image: url(link da imagem aqui);
    background-repeat: no-repeat;
    background-position: center;
}

Há variás outras propriedades, você pode dar uma olhada na propria documentação

Espero ter ajudado, abraços e bons estudos :D

Top demaiss. Muito obrigado!

Valeu Mateus pelas dicas.

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