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