Recibe cada lunes y jueves un correo para ayudarte a impulsar tus habilidades de programación. Ofreciéndote consejos, tutoriales, recursos gratuitos, noticias relevantes y una comunidad comprometida. También tenemos memes 😏
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.
![Curso de HTML desde cero [completo]](https://uploads-ssl.webflow.com/635a453bdfb49358830950bd/635a463a9c53141574eedda6_template_imagen_curso.jpg)