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.
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!
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.
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.