用css怎样设置两张背景图片

html-css07

用css怎样设置两张背景图片,第1张

样式不能同时设置2张背景,你可以做div嵌套

<div class="bg1">

<div class="bg2">

</div>

</div>

第二层bg2你设置固定背景,第一层你就可以设置哪个自适应的背景

提供给你几种方案吧,你自己选择合意的。

最佳方案思路:li{background:new图片}li a{background:小三角}

实现如下

ul li{ display:blockwidth:200pxbackground:url(NEW) no-repeat right}

ul li a{padding-left:20pxbackground:url(小三角) no-repeat left}

其实a标签中前面空出来的距离应该使用:文字缩进。但为了你理解用了padding。

其它的例如,你可以

小三角的图片设置为UL的左侧背景图,并垂直循环(重复)。new图片做LI的右侧背景图。

之类的。

不写了,喝多了,你自己玩儿吧。有什么不明白的百度消息找我

一个div的背景设置是不可以为两张图片的(除非是不同的状态,比如当前状态是一种背景,鼠标移上去又是一种背景,这两个背景可以是两张图片)

可以把两个div套在一起,没个div给一个背景图片,效果也就是"一个div背景两张图片"了