Imagem dentro de div, sem vazar.

[Renanss 0]

Olá pessoal, queria que me tirassem uma duvida, eu estou querendo colocar uma imagem dentro de uma div, só que não quero que a imagem ultrapasse a div, por exemplo, a div tem 400x300 e a imagem 500x500, eu quero que a imagem ocupe a div inteira, mas que não escape a imagem nas laterais, por que aqui no caso a div preenche a tela toda da esquerda pra direita com margem de 10px cada lado, no caso de tela maiores, e a imagem que quero colocar é em HD, ai no caso aqui a tela não é grande, aí quando coloco a imagem, ela escapa da div, queria que preencha a div inteira.

[Electronic 124]

Use um desses valores em background-size: auto|length|cover|contain|initial|inherit;

[fchagas97 2]

Você pode usar um max-width: 100%

[Renanss 0]

Obg aos dois, deu certo.