Olá, tudo bem?
Estou fazendo uma pagina de login, e gostaria de usar uma imagem como backgroud. Porem quando coloco de fundo ela fica com uma borda branca e fica com scroll. Como posso ajustar a imagem pra ficar 100% do fundo e sem scroll?!
ps: Estou usando angular 17
Insira aqui a descrição dessa imagem para ajudar na acessibilidade
Olá Gabriel, tudo bem?
Vamos ajustar o background-size e o background-position para garantir que a imagem cubra toda a área da página sem repetição ou bordas indesejadas.
Tente modificar o seu CSS da seguinte maneira:
* {
padding: 0;
margin: 0;
box-sizing: border-box; /* Adicione esta linha */
}
Se precisar, você pode retirar o scroll do seguinte modo:
html, body {
width: 100%;
height: 100%;
overflow: hidden; /* Adicione esta linha para remover o scroll */
}
Com essas alterações, a imagem de fundo deve preencher toda a tela sem deixar bordas brancas e sem criar barras de rolagem.
Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!