售前咨询 售后咨询
当前位置: 上海网站设计 > 建站知识 > 行业新闻

网站如何使用多重背景

网站编辑:小润 | 发表时间:2019-01-18 15:51:49

网站如何使用多重背景
 
为单个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);

关键字:
官方微信
上海市长宁区宣化路300号华宁国际广场中区7层
+021-8031 0607
+135 8590 1130