在CSS3之前我们对背景图片的控制极为有限,只能决定其来源、位置、重复,CSS3的到来对背景的使用开辟了一片新天地。
在 CSS3中,background-size 属性规定背景图像的尺寸。这就允许我们在不同的环境中重复使用背景图片,以像素或百分比规定尺寸。如果以百分比规定尺寸,那么尺寸相对于父元素的宽度和高度。
background-origin 属性规定 background-position 属性相对于什么位置来定位
如果背景图像的 background-attachment 属性为fixed,则该属性没有效果。
background-clip 属性规定背景的绘制区域
在之前的CSS中只能使用一张背景图片,CSS3可以使用多张背景图片
background:url("haoroomsCSS1_s.jpg") 0 0 no-repeat,
url("haoroomsCSS2_s.jpg") 200px 0 no-repeat,
url("haorooms.jpg") 400px 201px no-repeat;