background相关属性

background-color: 设置background的颜色[默认绘制区域是border-box]
background-clip(css3): 设置background-color的绘制区域,默认值时border-box,还有padding-box,content-box两个值,分别包括padding区域,只包括content区域。

以上是和background-color相关的属性,两个属性通常一起使用。

下面是关于background-image属性:
background-image(css1,css3中提供了可以设置多张image的功能,多张image的时候,在开始设置的那种放置在最前面,ie8之前的浏览器不能使用此功能): 设置background的背景图片。
由于background-image和background-color有很大的区别,因此background-image通常还涉及到以下属性,来控制background-image。
background-origin: 设置图片的位置(默认值是padding-box,还有border-box和content-box)。和color一样,但是区别在于默认值不一样。如果background-attachment设置为fixed,那么该属性将无效。
background-position: 设置图片的位置(坐标级别的),可以通过该属性设置精准的位置。
background-repeat: 设置图片的平铺模式。默认只是repeat(水平垂直方向上进行平铺),repeat-x表示x方向上平铺,repeat-y表示y方向上平铺.no-repeat,表示不进行平铺。
background-size(css3): 设置图片的尺寸。
background-attachment: 设置图片的fixed还是scroll( 默认值)。

    原文作者:serendipity
    原文地址: https://segmentfault.com/a/1190000002687569
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞