CSS Learning (9)-CSS background and other related content

CSS Learning (9)-CSS background and other related content
I. theory:
1. background-break
A. bounding-box background image tiled throughout the inline Element
B. The each-box background image is tiled inside the row.
C. Continue to tile the background image next to the next line of continuous.
The above is only available in firefox
2.css multi-Background
A. background-image: Set the background image of the element. You can use the relative address or absolute address to index the background image.
B. background-repeat: Set the tile mode of the element background image. Default Value: repeat.
C. Set the size of the element background image. The default value is auto.
D. Whether the background image of the background-attachment element is fixed by default scroll
E. background-clip controls the area size of the background image of the element. The default value is border-box.
F. background-color: Set the background color of the element.
G. Separate multiple attributes with commas (,).
H. The first declared background image will be placed at the top layer, and the last specified image will be placed at the bottom layer.

Ii. Practice:

1.

 

  Use five background images for this effect.