首页 > CSS教程 > CSS 背景简写
此章节介绍:

    CSS 背景简写

    CSS background - 简写属性

    如需缩短代码,也可以在一个属性中指定所有背景属性。它被称为简写属性。

    而不是这样写:

    body {
      background-color: #ffffff;
      background-image: url("tree.png");
      background-repeat: no-repeat;
      background-position: right top;
    }

    您能够使用简写属性 background

    实例

    使用简写属性在一条声明中设置背景属性:

    body {
      background: #ffffff url("tree.png") 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规定背景图像的尺寸。