首页  >  文章  >  web前端  >  css文件中引用图片不显示怎么办

css文件中引用图片不显示怎么办

王林
王林原创
2020-11-16 09:12:175024浏览

css文件中引用图片不显示的解决方法:1、确保图片路径书写正确;2、设置图片成块显示;3、指定图片的宽和高。正确代码如:【display:block;width: 25px;height: 21px;】。

css文件中引用图片不显示怎么办

解决思路:

1、确保路径正确

2、成块显示

3、指定宽高

(推荐教程:css视频教程

代码:

.icon-document {
        background-image: url(../image/document.png);
        display:block;
        float: left;
        width: 25px;
        height: 21px;
    }

如图:

3bef41b014475d9ebf246e68a18a4cb.png

相关推荐:CSS教程

以上是css文件中引用图片不显示怎么办的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn