css3 背景background

Css3背景<background>

Css3包含多个新的背景属性，它们提供了对背景更强大的控制。可以自定义背景图的大小，可以规定背景图片的定位区域，css3还允许我们为元素使用多个背景图像

属性	描述	Css
Background-image	规定背景的背景图	2
Background-position	规定背景的定位	2
Background-repeat	规定背景的重复方式	2
Background-color	规定背景的颜色	2
Background-clip	规定背景的绘制区域	3
Background-origin	规定背景图片的定位区域	3
Background-size	规定背景图片的尺寸	3

Background-size

值	描述
Length	设置背景图像的高度和宽度。第一个是宽度，第二是高度，不设置默认值为auto；
Percentage	以父元素的百分百来设置背景图像的宽度和高度。第一个值设置宽度，第二个值设置高度。如果值设置一个值，则第二个会被默认为auto
Cover	把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。
Contain	把图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域

Background-origin

值	描述
Padding-box	背景图片相对于内边距来定位
Border-box	背景图片相对于边框盒来定位
Content-box	背景图像相对于内容框来定位