css如何调用图片

html-css027

css如何调用图片,第1张

CSS本身并不能调用图片，因为CSS是负责网页外观呈现的，调用图片只能在HTML里，代码实例为：

<img src="图片地址" />

不过CSS里可以指定一张图片昨晚背景图片。比如一个ID名为demo的元素

HTML代码：

<div id="demo">

......

</div>

CSS代码可以这样写，demo就有背景了

#demo { background:url(图片地址)}

你的html中只要有匹配这个选择器的dom结构就会自动出现有这个图片的。不过你这个css选择器太复杂了，需要类似下面这个结构才能匹配（为了简便，这里都是用的div标签，实际情况可能会很复杂）：

<div class="public_nav_v3">

<div class="info_wrap">

<div class="info">

<div class="right">

<div class="login_box">

<div class="r_pic">

<div class="avatar_wrap">

<div class="frame frame_1">

......在最里面的这个div里就会出现那个图片了，当然这里很可能还要设定width、height等属性才行，总之就是这么个意思......

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>