CSS的背景

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

background-color

background-image

background-repeat

background-position

background-attachment

复合写法：（实际开发中最常用的推荐写法）

background：背景颜色 背景图片地址 背景平铺 背景图像滚动 背景图片位置；

background：transparent url(image.jpg) repeat-y fixed top；

背景平铺

background-repeat：repeat、no-repeat、repeat-x、repeat-y

背景图片位置

background-position：x y；//x和y表示坐标，可以使用方位名词或者精确单位

参数值	说明	语法规范
length	百分数或用浮点数字和单位标识符组成的长度值	如果参数值是精确单位，第一个一定是x坐标，第二个一定是y坐标 如果第二个省略，默认y轴方向居中
position	top | center | bottom | left | center | right 方位名词	background-postion：center top//水平居中，垂直靠上 前后顺序不重要，因为垂直没有左右属性 若第二个参数省略，默认为居中显示

//参数还可以是精确单位和方位名词混合使用

混合单位：第一个一定为x坐标 第二个一定是y坐标

background-position：20px center；//一定是x为20 y为center

背景图像固定

background-attachment属性设置背景图像是否固定或者随着页面的其余部分滚动

background-attachment：scroll（滚动 默认值） | fixed（固定）

背景色半透明

background：rgba（0，0，0，0.3）

rgba分别表示red green blue alpha

• 最后一个参数是alpha透明度，取值范围在0~1之间
• 我们习惯把0.3的0省略掉，写为.3
• 注意背景半透明是指盒子背景半透明盒子里面内容不受影响