html里如何调用css文件中的图片？

你的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>

可以用css3中“transform: scale()”属性对图片进行缩放。

1、新建html文档，在body标签中添加一张图片，给这张图片设置css属性，添加“tansform”缩放属性，属性值为“scaleX(n)”，scaleX(n)指的是对宽度进行缩放，n指的是缩放比例：

2、将transform的属性值改为“scaleY(n)”，scaleY(n)指的是对高度进行缩放，n指的是缩放比例：

3、将transform的属性值改为“scale(n)”，scale(n)指的是对图片的宽度和高度同时进行等比例缩放，n指的是缩放比例：

因为你css文件和image文件不在同一个目录下

改成这样就行了 background-image: url(../image/捕获.PNG)

..表示上级目录，还有不建议图片使用中文名

---