背景- 简写属性
CSS background - 简写属性
如何将代码简化，缩短，我们可以使用"background":为元素背景进行书写
这样我们可以将所有背景属性合并到background属性中
以下实例
body {
background-color: #ffffff;
background-image: url("图片地址");
background-repeat: no-repeat;
background-position: right top;
}可以简写为
body {background:#ffffff url('图片地址') no-repeat right top;}
当使用简写属性时，属性值的顺序为：:
background-color
background-image
background-repeat
background-attachment
background-position
属性值之一缺失并不要紧，只要按照此顺序设置其他值即可。请注意，在上面的例子中，我们没有使用 background-attachment 属性，因为它没有值。
所有 CSS 背景属性
| 属性 | 描述 |
| background | 在一条声明中设置所有背景属性的简写属性。 |
| background-attachment | 设置背景图像是固定的还是与页面的其余部分一起滚动。 |
| background-clip | 规定背景的绘制区域。 |
| background-color | 设置元素的背景色。 |
| background-image | 设置元素的背景图像。 |
| background-origin | 规定在何处放置背景图像。 |
| background-position | 设置背景图像的开始位置。 |
| background-repeat | 设置背景图像是否及如何重复。 |
| background-size | 规定背景图像的尺寸。 |
你可能喜欢:
继续浏览有关 html 的文章
发表评论