---
tutorial: "https://www.youtube.com/watch?v=a1ACEu996z4"
---

# `03.1` Background

La regla `background` (fondo) de CSS nos permite asignar y trabajar con el background de cualquier contenedor (container). Los valores de background pueden ser `color` o una `imagen`.

Si es una imagen, puedes especificar si quieres que la imagen se repita horizontalmente, verticalmente, ambas o ninguna, y también puedes especificar si quieres cambiar el tamaño y ajustar su tamaño al contenedor completo, entre otras propiedades, eso puede modificarse.

## 📝 Instrucciones:

1. Construye el ejercicio.

2. Verifica la vista previa.

3. En el archivo styles.css cambia el `background-size` a `contain` (verifica la pestaña styles.css).

4. Construye y previsualiza el ejercicio nuevamente.

5. Cambia el `background-repeat` a `repeat`  para que se repita sobre el eje x y el eje y.

6. Construye y previsualiza el ejercicio nuevamente.

## 💡 Pista:

Google es tu mejor amigo:

- Recomendamos buscar en google `css background-size` para entender un poco mejor esta propiedad.

- También recomendamos buscar `css background-repeat`
