By default, the background image
repeats itself
horizontally and vertically,
if it's smaller than the element.
This can be changed using
the background-repeat property.
When this property is set to no-repeat,
the image does not repeat itself:
When the property is set to repeat-x,
it repeats itself only in the horizontal direction:
When the property is set to repeat-y,
it repeats itself only in the vertical direction: