通过CSS背景属性，可以给页面元素添加背景样式

背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等...

本页面目录：

1️⃣背景颜色：

background-color 属性定义了元素的背景颜色↙

一般情况下元素背景颜色默认值是 transparent (透明)，我们也可以手动指定背景颜色为透明色

2️⃣背景图片:

background-image 属性描述了元素的背景图像，实际开发常见于logo或者一些装饰性的小图片或者是超大的背景图片，优点是非常便于控制位置，（精灵图也是一种运用场景）↙

下面是背景图片案例 :

3️⃣背景平铺:

如果需要在HTML页面上对背景图像进行平铺，可以使用 background-repeat 属性↙

下面是背景平铺案例 :

🔜页面元素既可以添加背景颜色也可以添加背景图片，只不过背景图片灰压住背景颜色

4️⃣背景图片位置:

利用 background-position 属性可以改变图片在背景中的位置

👆参数代表的意思是：x 坐标和 y 坐标，可以使用方位名词或者精确单位

1.参数是方位名词

5️⃣背景位置--精确单位:

1. 参数是精确单位
2. 如果参数值是精确坐标，那么第一个肯定是 x 坐标，第二个一定是 y 坐标
3. 如果只指定一个数值，那该数值一定是 x 坐标，另一个默认垂直居中

6️⃣背景位置--混合单位:

1. 参数是混合单位
2. 如果指定的两个值是精确单位和方位名词混合使用，则第一个值是 x 坐标，第二个值是 y 坐标

混合单位：点击查看