CSS常用背景属性（背景颜色、背景图片、背景平铺、背景位置、背景附着、背景色半透明、背景属性复合写法）

本博文记录CSS中比较常用的背景属性，包括背景颜色：background-color、背景图片：background-image、背景平铺：background-repeat、背景位置：background-position和背景附着：background-attachment。同时记录了背景色半透明的写法以及背景属性复合写法。

1 常用背景属性

属性	描述	使用方式	说明
background-color	背景颜色	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: 背景颜色 背景图片 背景平铺 背景附着 背景位置;