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