CSS中background属性详解

background-color设置背景颜色；

background-image设置背景图，用法：

background-image:url(img.png)；
background-size设置背景图片的大小，属性值有：
length：
设置背景图像的高度和宽度，第一个值为宽度，第二个值为高度。如果只设置一个值，则第二个值会被设置为 "auto"。
percentage：
以父元素的百分比来设置背景图像的宽度和高度，第一个值为宽度，第二个值为高度。如果只设置一个值，则第二个值会被设置为 "auto"。
cover：
把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。
contain：把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。

例如background-size:200px 100px，background-size:20% 10%。

个人觉得还是设置背景图片的length和repeat来实现背景图片设置效果比较好；
background-repeat设置图片是否平铺，属性值有：
repeat：平铺整个页面,左右与上下。
repeat-x：在x轴上平铺,左右。
repeat-y：在y轴上平铺,上下。
no-repeat：图片不重复。
inherit：继承；
background-position是背景图片的定位,属性值有：
length ：百分数或具体数字组成的长度值。
position ：top 、center、 bottom 、 left 、center 、 right。
background-origin表示对背景图像定位，属性值有：
padding-box： 背景图像相对于内边距框来定位。
border-box： 背景图像相对于边框盒来定位。
content-box： 背景图像相对于内容框来定位。
background-clip表示规定背景的绘制区域，属性值与origin相同；
background-attachment设置背景图像是否随对象内容滚动，必须先指定background-image属性，值有：
fixed：背景图像相对于窗体固定。
scroll：背景图像相对于元素固定，也就是说当元素内容滚动时背景图像不跟着其元素滚动。