CSS之background

背景颜色

background-color:颜色值

图片背景

background-image: url(相对地址)

    多张背景图片：Background-image同时加入图片地址，并使用background-position设置背景位置

background-repeat: repeat /repeat-x / repeat-y

                             图片在水平和垂直方向/ 水平方向/ 垂直方向 重复

background-attachment:fixed（图片背景一直保持在页面固定位置）/ scroll（默认值）/ inherit

background-position：关键字/ 百分比（该数值同时应用于元素和图像）/ 像素（元素内边距区左上角的偏移。偏移点是图像的左上角） 注意，行内元素也可以设置background

CSS3内容

背景图片尺寸

background-size: 宽 高长度/ 百分比/ cover（扩展足够大，覆盖背景区域/ cotain（图片扩展到背景尺寸）

背景覆盖区域

background-clip：border-box（背景被裁剪到边框盒）/ padding-box（背景被裁剪到内边距框）/ content-box（背景被裁剪到内容盒）/

背景定位位置

背景相对应什么位置定位和background-position一起使用 背景图像的 background-attachment 属性为 "fixed"，则该属性没有效果。

background-origin: border-box/ padding-box/ content-box 相对于边距/内边距/内容定位

转载于:https://www.cnblogs.com/microcosm/p/6535410.html