background属性包含background-image属性,是在一个声明中设置全部的背景属性。css
连background-image在内,background属性包含如下:ide
background-color 规定要使用的背景颜色。1url
background-position 规定背景图像的位置。1继承
background-size 规定背景图片的尺寸。3图片
background-repeat 规定如何重复背景图像。1ip
background-origin 规定背景图片的定位区域。3it
background-clip 规定背景的绘制区域。3io
background-attachment 规定背景图像是否固定或者随着页面的其他部分滚动。1class
background-image 规定要使用的背景图像。1cli
inherit 规定应该从父元素继承 background 属性的设置。1
一般在写css的时候,通常都直接用background作全局设置,不单独去设置。
用background作全局设置时,要将全部背景属性写在一个声明中
body { background: red }
p { background: url("index.png") 40% / 10em gray round fixed border-box; }
分拆写法以下
body {
background-color: red;
background-position: 0% 0%;
background-size: auto;
background-repeat: repeat;
background-clip: border-box;
background-origin: padding-box;
background-attachment: scroll;
background-image: none }