Graphic CSS (4): Background-Background

Backgroundbackground-colorbackground-attachmentbackground-imagebackground-positionbackground-position-xbackground-position-ybackground-repeat

  
 

Set the background color (such as red): Background-color: red; or background: red;

Background Image: Background-image: URL (PATH); or background: URL (PATH );
The path can be relative or absolute, with double quotation marks or single quotation marks.

Background-repeat (repeated background images): Repeat (default), no-repeat, repeat-X, repeat-y.

Background-position (start position of the background image ):

 
Upper: Top or top center upper left: Top left (default) upper right: Top right center: center or center middle left: Left or center left middle right: Right or center right middle: bottom or bottom center bottom left: Bottom left bottom right: bottom right can also be described as a percentage or a specific number: X % Y % or xpos ypos
 

Background-position is composed of two values, X and Y. It is also available.
Set background-position-X and background-position-y separately.

Background-attachment (set whether the background will scroll with the scroll bar): Scroll (default), fixed (not scroll ).

You can set background at the same time:
Background-color, background-attachment, background-image, background-position, background-repeat
There is no order requirement and can be omitted at will, but do not separate position values.