background

background

w3c定义

可以一次设置如下属性

• background-color
• background-position
• background-size
• background-repeat
• background-origin
• background-clip
• background-attachment
• background-image

常用的background连写句子

body
{ 
  background:#333 url(images/user.jpg) no-repeat fixed center / 30% 30%;
}

// 添加背景图片大小，要添加 "/" 而且IE9以下并不支持这种写法。

值	含义
background-color	背景颜色
background-position	规定背景图像的位置。
background-size	规定背景图片的尺寸。
background-repeat	规定如何重复背景图像。
background-origin	规定背景图片的定位区域。
background-clip	规定背景的绘制区域。
background-attachment	规定背景图像是否固定或者随着页面的其余部分滚动。
background-image	规定要使用的背景图像。
inherit	规定应该从父元素继承 background 属性的设置。

其中background-clip的常用属性值有

• border-box:背景被裁剪到边框盒。

• padding-box:背景被裁剪到内边距框。

• content-box:背景被裁剪到内容框。