Este diagrama ilustra cómo una imagen de fondo puede repetirse dentro de las áreas de contenido y relleno de una caja.
En este ejemplo, una imagen de fondo es primero centrada dentro de una caja (establecida por el elemento BODY del ejemplo). La caja contiene párrafos de texto, mostrados en gris para hacerlos más discretos.
La imagen, una línea azul ondulada sobre un fondo amarillo claro, es entonces repetida verticalmente, hasta la parte superior y la base de la caja de BODY. El efecto es que se crea una banda ondulada a través del centro de la página.