CSS 背景速记
CSS 背景 - 速记属性
为了简化代码,也可以在一个属性中指定所有背景属性。这被称为速记属性。
不用写
body {
background-color: #ffffff;
background-image: url("img_tree.png");
background-repeat: no-repeat;
background-position: right top;
}
可以使用速记属性 background
使用速记属性时,属性值的顺序为
background-color
background-image
background-repeat
background-attachment
background-position
即使某个属性值缺失,只要其他属性值按此顺序排列,也不会影响结果。注意,以上示例中没有使用 background-attachment 属性,因为它没有值。
所有 CSS 背景属性
属性 | 描述 |
---|---|
background | 在一个声明中设置所有背景属性 |
background-attachment | background-attachment |
设置背景图片是否固定或随页面滚动 | background-clip |
background-color | 指定背景的绘制区域 |
background-image | background-color |
设置元素的背景颜色 | background-image |
background-position | 设置元素的背景图片 |
background-repeat | background-origin |
指定背景图片的位置 | background-position |