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 相对于边距/内边距/内容定位

posted on 2017-03-11 16:52  公子小苏  阅读(240)  评论(0编辑  收藏  举报