CSS background common Property collation

To introduce a background image:

Background:image URL ("path")
Set the background size:

Background-size:auto Auto Size, default

Background-size:cover Keep the image size, scale, and tile the entire area, if the size is larger than the container will exceed

Background-size:contain Tile entire area, picture does not exceed container size (non-proportional scaling)

Background Tiling method:

Background-repeat:no-repeat not covered

Background-repeat:repeat-x Horizontal Orientation Tile

Background-repeat:repeat-y Vertical Tile

Background-repeat:repea default Full-spread

Background position:

background-position:20px 10px can take negative (opposite direction)

Background positioning:

Background-attachment:fixed

Background gradient (multiple colors can be made):

Background-image:linear-gradient (To Top,red,blue

CSS background common Property collation