Background repeat

The background-image css property is used to apply an image to an element of a web page (body, div, table, ...)
With another css property called background-repeat you can define how the image will be repeated into the element. Background-repeat can take many values : repeat-y / repeat-x / repeat / inherit / no-repeat. So easily with some css code and a picture you can create a mosaic effect to your blog. Using on the stylesheet the value : repeat will repeat the picture vertically and horizontally.

Picture of the website

Example of the background-repeat property

It shows the repeating effect into the Html div tag which has a size of 700x150 px

<html><head><title>Div example</title></head><body>
<div style="background-image:url(picture.jpg);background-repeat:repeat;width:700px;height:150px;"></div></body></html>

And if you need to apply picture to your web page background.
This html and css code (background-image with background-repeat) will create a mosaic effect
with a picture on the web page (Html body tag)

<html>
<head>
<style type="text/css">
body{ background-image:url(picture.jpg);background-repeat:repeat; }
</style>
</head>
<body>A text</body>
</html>