当前位置: 网站建设 > 网页设计 > 建站经验 >

浅谈CSS3中使用多背景

时间:2013-03-02 04:06来源:未知 作者:admin 点击:

标签:浅谈CSS3中使用多背景 浅(3)来看(4)CSS3(90)当初(7)一个(102)咱们(25)实例(55)背景(35)浅谈(48)使用(77)
咱们当初来看一个实例:, 浅谈4项基本的WEB设计错误 实例后果图: 其顶用到的背景图片有: ucello.jpg lumaca.jpg logo.jpg fiore.jpg erba.jpg cielo.jpg --> [网站建设之]浅谈CSS3中使用多背景 CSS3代码如下: 刚在国外一网站上面看到CSS3中可以设置多个背景图片。。像看一下格局怎么写吧。 Tag:背景 使用 能够看到使用多CSS3中的background设置多个背景是挺方面的。 #sfondi_multipli{ width:400p
浅谈CSS3中使用多背景》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302343542013.htm

咱们当初来看一个实例:,浅谈4项基本的WEB设计错误
实例后果图:


其顶用到的背景图片有:

ucello.jpg

lumaca.jpg
logo.jpg
fiore.jpg
erba.jpg

cielo.jpg
 ,浅议怎样提升网站粘性度 做好内容是关键;

--> [网站建设之]浅谈CSS3中使用多背景

CSS3代码如下:
 

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

Tag:背景   使用    

能够看到使用多CSS3中的background设置多个背景是挺方面的。

#sfondi_multipli{  width:400px;  height:150px;  border:2px solid #CCC;  background:  url(ucello.jpg) no-repeat 30px top,  url(lumaca.jpg) no-repeat right 105px,  url(logo.jpg) no-repeat 60px 55px,  url(fiore,浅议中国社交网络应用与SEO发展方向.jpg) no-repeat 5px 55px,  url(erba.jpg) repeat-x bottom,  url(cielo.jpg) repeat-x top;  } 


 ,浅解伪静态在phpWind中的应用;

#sfondi_multipli{  background:url(sfondo1.jpg) no-repeat top right, url(sfondo2.jpg) repeat-x bottom;  }   

第2行中属性:background,旁边用,逗号隔开了,可以看到设置有两个背景图片,而不再像CSS2中定义一个背景图片就要用一个background属性。CSS3是越来越强了啊,浅析非法指向的弊端及如何防止的方法教程。。

浅谈CSS3中应用多背景


(责任编辑:网站建设)
浅谈CSS3中使用多背景相关文章
上一篇:浅谈4项基本的WEB设计错误 下一篇:浅谈CSS样式优化心得技巧
回到顶部