Right now, we can put background-images to everything that's not fast enough on a tree, but there's more. Like, putting Nashville as a background image in a large div would result in this:
That's nice, but the repetition is a bit of a nuisance, no? For that we have background-repeat.
The value 'repeat' is the standard behaviour when you set an image with 'background-image', it repeats itself
to the right, and downwards.
With the value 'repeat-x' we can set the behaviour to only repeat to the right, like so:
With the value 'repeat-y' we can set the behaviour to only repeat downwards, like so:
And, finally with the value 'no-repeat' we can have the image to only appear once: