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:背景被裁剪到内容框。
