- A+
本博文记录CSS中比较常用的背景属性，包括背景颜色：background-color、背景图片：background-image、背景平铺：background-repeat、背景位置：background-position和背景附着：background-attachment。同时记录了背景色半透明的写法以及背景属性复合写法。
1 常用背景属性
| 属性 | 描述 | 使用方式 | 说明 |
| background-color | 背景颜色 | 参数; |
参数： transparent（透明，默认） color（颜色） |
| background-image | 背景图片 | background-image: 参数; |
参数： none（无背景图，默认） url(图片地址) |
| background-repeat | 背景平铺 | background-repeat: 参数; |
参数： repeat（横向、纵向均平铺，默认） no-repeat（不平铺） repeat-x（横向平铺） repeat-y（纵向平铺） |
| background-position | 背景位置 | background-position: x y; |
x：横坐标，可以使用方位名词或者精确单位 y：纵坐标，可以使用方位名词或者精确单位 方位名词：center、top、bottom、left、right 精确单位：百分数或者由浮点数字和单位标识符组成的长度值 |
| background-attachment | 背景附着 | background-attachment: 参数; |
参数： scroll（背景图像是随着对象内容滚动，默认） fixed（背景图像固定） |
background-position（背景位置）的参数有两个（x 和 y），需要注意以下几点：
（1）若x和y都是方位名词，则无顺序；
（2）若只指定一个方位名词，另一个省略，则另一个默认为center；
（3）若参数值是精确坐标，则第一个肯定是x坐标，第二个肯定是y坐标；
（4）若参数值是精确坐标且只指定一个数值，则一定是x坐标，另一个默认垂直居中；
（5）若参数值是混合单位，则第一个是x坐标，第二个是y坐标。
2 背景色半透明
背景色半透明，通过对background属性设置rgba属性值实现。
使用方式：background: rgba(red,green,blue,Alpha)；
参数：
| 参数 | 范围 |
| red | 0-255 |
| green | 0-255 |
| blue | 0-255 |
| Alpha | 0-1 |
说明：Alpha是透明度，取值范围在0-1，0：全透明，1：不透明。同时，Alpha的值是小数，小数点前的0可以省略。
3 背景属性复合写法
background: 背景颜色 背景图片 背景平铺 背景附着 背景位置;
