首页网
首页> 电脑,电脑技巧

如何为一个div添加多个背景图片

但是如果一个属性的数量,少于背景层的数量,那么这个属性就会被应用到所有的背景层上面,所以我们的backgroud-repeat只用写一个。浏览器中的效果是下图这样的。分别是background-image,background-position,backgroud-repeat

为一个div添加多个背景图片的方法首先,我们新建一个HML页面,并准备好两张不同的背景图片。在CSS3语法里面,除了backgroud-color是唯一一个不能使用多个值的background-*元素,所以,我们以上的三个元素都可以使用多个值,两个值之间以逗号相连。

大家在制作页面的时候,一个div只能有一个背景图片。

然后,我们在htl中随便新建一个块级元素,为他设置宽高,可以写点文字。然后,我们开始为元素添加背景图片,我是将background-*这个属性分开来写的。如果需要多个,就要新建元素,下面是学习啦小编给大家整理的一些有关为一个div添加多个背景图片的方法,希望对大家有帮助!

完整原文网址http://www.xuexila.com/diannao/jiqiao/2171982.html
猜你喜欢
Copyright © 2013-2014 首页网 ALL Rights Reserved