背景

复合属性 background
background: 背景色背景图平铺方式位置/缩放

div

url(https://picsum.photos/200/150);
background-image
background-repeat
1 默认平铺 repeat

div

2 取消平铺 no-repeat

div

3 水平平铺 repeat-x

div

4 垂直平铺 repeat-y

div

background-position
1 0 0

div

2 top

div

3 right top

div

4 left

div

5 center

div

6 right

div

7 bottom left

div

8 bottom

div

9 bottom right

div

background-size
1 contain 可能留白

div

2 cover 可能剪切

div

3 100% 就宽等比缩放

div

background-attachment
1 fixed 背景不随元素滚动

div