浅谈CSS background参数 属性。

CSS1 中 关于background 属性的参数有以下几种：

  1. background-color:设置元素的背景色。
  2. background-image:url()设置背景图像。
  3. background-repeat:

•     repeat 默认。背景图像将在垂直方向和水平方向重复。
•     repeat-x 背景图像将在水平方向重复。
•     repeat-y 背景图像将在垂直方向重复。
•     no-repeat 背景图像将仅显示一次。
•     inherit 规定应该从父元素继承 background-repeat 属性的设置。 
•    设置背景图像是否及如何重复。

  4. background-attachment: scroll／fixed(随页面滚动而滚动／固定); 背景图像是否固定或者随着页面的其余部分滚动。
  5.  background-position: 设置背景图像的起始位置。

CSS3 中 关于background 属性的参数有以下几种:

1. background-clip:规定背景的绘制区域。值有content-box／border-box/padding-box
2. background-origin:规定背景图片的定位区域。
3. background-size:规定背景图片的尺寸。

background属性后的值可以按照顺序添加值：

如background:url() background-position background-size background-repeat background-origin background-clip background-attachment