css背景设置
CSS背景选择
一、background-color: 颜色值 设置背景颜色，默认transparent(透明色)
二、background-image：none/url() 用于添加背景图片（例如超大的背景界面），比直接插入图片更加容易控制位置。
三、background-repeat：图片平铺（默认平铺）
= repeat-x | repeat-y | [repeat | no-repeat | space | round]{1,2}
repeat-x： 背景图像在横向上平铺
repeat-y： 背景图像在纵向上平铺
repeat： 背景图像在横向和纵向平铺
no-repeat： 背景图像不平铺
round： 背景图像自动缩放直到适应且填充满整个容器。（CSS3）
space： 背景图像以相同的间距平铺且填充满整个容器或某个方向。（CSS3）
四、background-position：x y;** 设置图片在背景中的位置，方位名词可以使用两个值(不分顺序)，例如center top（尽量）;若第二个省略，则默认为居中。
1、方位名词：
percentage： 用百分比指定背景图像填充的位置。可以为负值。其参考的尺寸 为容器大小减去背景图片大小
length： 用长度值指定背景图像填充的位置。可以为负值。
center： 背景图像横向和纵向居中。
left： 背景图像在横向上填充从左边开始。
right： 背景图像在横向上填充从右边开始。
top： 背景图像在纵向上填充从顶部开始。
bottom： 背景图像在纵向上填充从底部开始。
2、精确单位
x和y均为相对左上角的坐标。第一个数值一定为x坐标，第二个不填则默认垂 直居中
3、混合坐标，第一个也一定为x坐标方向的位置
五、background-attachment：；背景图像固定（背景附着，不随滚动）
fixed： 背景图像相对于窗体固定，不随着滚动。
scroll： 背景图像相对于元素固定，也就是说当元素内容滚动时背景图像不会跟 着滚动，因为背景图像总是要跟着元素本身。但会随元素的祖先元素或窗体一起 滚动。
local： 背景图像相对于元素内容固定，也就是说当元素随元素滚动时背景图像 也会跟着滚动，因为背景图像总是要跟着内容。（CSS3）
六、背景属性复合写法（之间用空格分开）
规范写法：
background: 背景颜色 背景图片地址 背景平铺 背景图像滚动 背景图片位置
1 | background: transparent url() no-repeat fixed center top |
七、背景色半透明（盒子里的内容不受影响）
最后一个参数为alpha透明度，取值范围0~1之间
1 | background: rgba(red, green, blue, alpha); |
CSS背景总结
