背景色 background-color

默认值：transparent，透明色

背景图像 background-image

把图片放入背景，应用于所有元素

如果出于某种原因无法加载图像，用户代理就会使用指定的背景色取代图像，如下

如果某种原因不能加载图像，则设置背景色为黑色

---

有方向的重复 background-repeat

repeat：导致图像在水平垂直方向上都平铺

repeat-x：在水平方向上铺满

repeat-y：在垂直方向上铺满

no-repeat：不允许图像在任何方向上平铺（图像不能重复）

---

背景定位 background-position

应用于块级元素和替换元素

值：left、right、top、center、bottom、inherit

还可以用长度值或者百分数值

background-position：top right 表示右上角

位置关键字可以按任何顺序出现，只要保证不能超过两个关键字，一个是水平方向，另一个是垂直方向。

如果只出现了一个关键字，则认为另一个关键字是center。

百分数值 （可以负值）

默认值是0% 0%

百分数值同时应用于元素和原图像，图像位于0% 0%则是左上角，100% 100%则是右下角，50% 50%则是居中

如果只声明一个百分数值，就意味着垂直位置等于50%

长度值（可以负值）

---

关联 background-attachment

可以声明原图像相对于可视区是固定的，不会受滚动的影响，而且原图像的放置由可视区的大小确定。

默认值：scroll 会导致背景随其余文档滚动，而且窗口大小调整时，不一定改变原图像的位置。

fixed：原元素会根据视窗定位，背景模式都从视窗的左上角开始平铺，而不是从单个元素的左上角开始。

---

汇总 background

这个属性可以从各个其他背景属性取一个值，而且可以采用任何顺序

没有必不可少的值。

他是一个简写属性，默认值会覆盖先前为给定的元素指定的值

如下：

默认值会覆盖先前为给定的元素指定的值