【前端基础】14、CSS设置背景（background相关的）

1、background-image

用于设置元素的背景图片。

1. 会覆盖（但不是全覆盖）background-color上面
   
2. 如果设置多张图片，第一张图片在上面，其他图片按顺序层叠在下面。
   
3. 设置图片一定要设置高度和宽度，否则图片不显示。
   

2、background-repeat

用于设置背景是否平铺。
常见的设定值：

1. repeat：平铺
   

2. no-repeat：不平铺
   

3. repeat-x：水平方向平铺
   

4. repeat-y：垂直方向平铺
   

3、background-size

设置背景图片大小。

1. auto
   

2. cover
   

3. contain
   

4. <percentage>
   

5. length
   
   
   

4、background-position

1. 具体数值

2. 水平方向设置（只设置一个方向，另一个默认center）
   
   
3. 垂直方向设置（只设置一个方向，另一个默认center）
   
4. 水平和垂直方向都设置
   

5、background-attachment

1. scroll
   

2. local
   
   

3. fixed
   

其他：

6、background-image和img的对比