There are a few different ways to place a background image using a Cascading Style Sheet (CSS). These include:
- repeat (repeats the image all over the page)
- repeat-x (repeats horizontally)
- repeat-y (repeats vertically)
- no-repeat (doesn’t repeat so the image only appears once)
- fixed (stays in position so that the background doesn’t move when scrolled)
The background can also be placed more specifically such as:
- fixed repeat top left
- fixed repeat-x
These are useful because putting a background on a page using standard html doesn’t always display the background as you want it.