CSS3设置多个背景、背景渐变、指定背景大小

CSS3设置多个背景、背景渐变、指定背景大小，CSS3规范中定义的背景属性有：

属性名	可能的值	默认值
background	是一种简写方式：bg-image || bg-position || / bg-size || repeat-style || attachment || bg-origin，最后一个背景层可以设置background-color
background-attachment	scroll | fixed | local	scroll
background-clip	border-box | padding-box 表示背景渲染的方法：padding box表示背景在padding box内渲染；border-box表示背景在border-box内渲染	border-box
background-color	<color>	transparent
background-image	image | none 可以设置多个背景图，以逗号（,）分隔开。none也代表一个背景层	none
background-origin	border-box | padding-box | content-box 背景相对的位置，相对于上面3个值中的一个。	padding-box
background-position	% length top right bottom left center 这些属性的设置方法跟以前类似	0% 0%
background-repeat	repeat-x | repeat-y | [repeat | space | round | no-repeat]{1,2} 平铺方式	repeat
background-size	[length | % | auto ]{1,2} | cover | contain 设置背景的大小。contain表示按比例缩放占据最大高度或者宽度的背景；cover表示铺满整个背景。	auto

转载于:https://my.oschina.net/wutianxiang/blog/291663