How to position a background image

Example analysis:

The background-position property sets the starting position of the background image.

Basic syntax: background-position:x y;

x: represents the horizontal position, y: represents the vertical position. x, y can be respectively: keywords (left, right, top, bottom, center), % value (x% y%), coordinate value (for example: xpos ypos,).

Note: If the background-position attribute specifies only one value, the other values ​​will be "center" or "50%".