repetir una imagen en el eje X con un margen de separación entre imágenes. CSS

[OssoH]

Hola,
¿seria posible establecer un espacio entre imágenes (por ejemplo 100px) cuando ésta se repite en el eje X?

Mi código del body es :

Código [Seleccionar] Expandir


body {
background-image:url('patron.png');
background-size:30%;
background-repeat:repeat-x;
}


Gracias!!

[OssoH]

Al final lo he hecho superponiendo dos capas una encima de la otra