网站如何使用多重背景
为单个HTML元素指定多个背景是CSS最令人期待的一个特性,如图13一6所示。通过减少对某些元素的需求(这类元素存在只是为了用CSS添加额外的图像背景),指定多重背景便可以简化HTML代码,并让它容易理解和维护。多重背景几乎可以应用于任何元素。
多重背景不需要使用厂商前缀。
使用多重背景时,可以使用长形式语法书写也可以使用短形式语法书写。
如果采用长形式语法,需要单独设置4个背景属性:background一color, background-image, background一position和background-repeat。使用其中任何一个属性,都可以调整图像的定位和重复方式。
(1) background一image:多个图像路径,中间用逗号隔开;
(2) background一position:每个背景图片都有一组x一offset和y一offset值,在该属性中依次输入成对的、一offset和y一。ffset值,x一。ffset和y一offset之间用空格隔开,每一对x一offset和y一。ffset之间用逗号隔开;
(3 ) background一repeat:依次输入每个背景图片的平铺方式,用逗号隔开;
(4) background一color:为元素设盆备用的背景颜色。
在如图13 -6所示的例子中,在这个区域内采用了3个背景图像。
添加class为night一sky的div,代码如T:
<body>
<div class="night一sky">
</div>
在CSS润壤其添加多重背景,代码如下:
night一sky{
height:500px;
width:500px;
margin:0 auto;
background一image:url(img/ufo .png),url(img/stars .png),url(img/sky.png);