Background

Un único valor (ej.100px;) = width (el height se ajusta automáticamente)

Dos valores = 100px (width) 50px (height)

Lo ideal es utilizar valores más exactos ( cover o contain ) en lugar de valores manuales (con píxeles u otras uds.).

• cover: asegura que la imagen ocupe todo el contenedor, sin dejar ni un solo espacio (aunque no se vea del todo completa).
• contain: asegura que la imagen sea visible de manera completa, pero no tiene porqué ocupar todo el contenedor.

Si se repite la imagen o no en el contenedor.

Posicionar la imagen en el contenedor.

Se puede poner de cuatro maneras:

• En píxeles o unidades: provoca que la imagen se desplace dejando un espacio en blanco.
• En porcentajes
• En valores más exactos (top, bottom, left, right)
• Asignando porcentajes a los valores exactos (ej.: background-position: left 20% top 40%; )