背景属性、引入背景图、背景图位置、透明度

背景颜色：

background-color

引入背景图

background-images:url()
background：url();

背景图重复

background-repeat:repeat/no-repeat/repeat-X/repeat-Y

背景图位置

bcakground-position：
X轴位移/Y轴位移
水平方向:left/right/center
垂直方向：top/bottom/center

背景图固定

backgrounf-attachement:fixed/local/scroll;

背景色透明

rgba() 背景色透明
a取值范围0-1
1:不透明;   
0: 完全透明

透明度

rgba()  a->opacity(0-1) 0: 隐藏 1:不透明 值越小越透明,只透明背景，不影响内容
opacity(0-1) 0: 隐藏 1:不透明 值越小越透明，元素背景和内容都会透明

专门针对ie的兼容写法 
filter: alpha(opacity=value); value的取值是 1-100 1相当于0 100相当于1 取值是整10的取 比如10 20 30 

背景符合写法

background:路径 颜色 位置；

背景大小 background-size

1.值
	宽度 高度数值px
	百分数
2.关键字
	cover:背景图不断拉伸，直到充满整个盒子才停止拉伸，所以可能会导致背景图被裁切，但是不会变形
	content:背景图不断拉伸，直到碰到盒子边缘，才停止拉伸，可能会导致盒子出现留白的情况，背景图不会变形 

背景图显示的起始/剪裁位置

背景图显示的起始位置:

		background-oringin：
		border-box；从border区域开始显示
		content-box 从内容区开始显示
		padding-box；从padding区域开始显示，默认值

背景图的裁切位置

		background-clip
		border-box	边框之外就不显示，默认值
		content-box	从内容区之外就不显示
		padding-box  从padding之外不显示