Quando você define uma imagem de fundo em um elemento (por exemplo, um contêiner ou a tela inteira), a opção Opções de fundo aparecerá abaixo dele.
Clique nele para exibir as opções disponíveis:
Tamanho
Defina como a imagem será redimensionada em relação ao seu elemento de contêiner (a proporção será sempre preservada, não esticada):
Capa - A imagem será ajustada para cobrir toda a área do contêiner, recortando além de suas bordas.
Contenedor - A imagem será dimensionada para caber completamente no contêiner, sem corte. Espaços em branco ou repetições podem aparecer quando as proporções da imagem e do contêiner são diferentes.
Auto: usa o tamanho real da imagem.
Repetir
Esta opção determina como a imagem de fundo se repete. As opções são:
Repetir - a imagem de plano de fundo se repetirá horizontal e verticalmente em todo o contêiner.
Não repetir: a imagem de fundo não se repetirá.
Repetir-x: a imagem de fundo se repetirá apenas horizontalmente.
Repetir-y: a imagem de fundo se repetirá apenas na vertical.
Posição
Isso permite que você escolha onde a imagem será ancorada em relação ao seu contêiner. Use os dois menus suspensos para definir a posição vertical e horizontal.
Nós encorajamos você a jogar com essas opções até atingir o resultado desejado!