[CSS3技术]在CSS3中使用多背景

[tr][td]刚在国外一网站上面看到CSS3中可以设置多个背景图片。。像看一下格式怎么写吧。

[list=1]
[*]#sfondi_multipli{ 
[*]background:url(sfondo1.jpg) no-repeat top right, url(sfondo2.jpg) repeat-x bottom; 
[*]} 
[/list]

第2行中属性:background，中间用,逗号隔开了，可以看到设置有两个背景图片，而不再像CSS2中定义一个背景图片就要用一个background属性。CSS3是越来越强了啊。。


我们现在来看一个实例：

实例效果图：

ucello.jpg



logo.jpg

erba.jpg



<li class="alt">#sfondi_multipli{ width:400px;
<li class="alt">height:150px; border:2px solid #CCC;
<li class="alt">background: url(ucello.jpg) no-repeat 30px top,
<li class="alt">url(lumaca.jpg) no-repeat right 105px, url(logo.jpg) no-repeat 60px 55px,
<li class="alt">url(fiore.jpg) no-repeat 5px 55px, url(erba.jpg) repeat-x bottom,
<li class="alt">url(cielo.jpg) repeat-x top; }
</ol></pre>
可以看到使用多CSS3中的background设置多个背景是挺方面的。
[/td][/tr]