Casi todos los elementos HTML pueden tener una imagen de fondo.
Para añadir una imagen de fondo se usa la propiedad de CSS background-image
Lo podemos hacer de varias formas:
Para añadir una imagen de fondo a toda la página tenemos que especificar el background-image para el elemento <body>.
Si usas una imagen de fondo pequeña por defecto esta se repetirá horizontal y verticalmente hasta que rellene todo el elemento.
Si no queremos que se repita podemos usar la propiedad background-repeat con el valor no-repeat.
Si queremos que la imagen de fondo cubra el elemento entero podemos usar la propiedad background-size con el valor cover.
De este modo la imagen cubrirá todo el elemento sin deformarse.
Si queremos que la imagen de fondo cubra el elemento pero deformandose a la proporción de este, tenemos que poner el background-size a 100% 100%.
Al suscribirte estás aceptando los términos de uso y la política de privacidad. Puedes darte de baja en cualquier momento.