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


本文摘自PHP中文网,作者V,侵删。

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

解决思路:

1、确保路径正确

2、成块显示

3、指定宽高

(推荐教程:css视频教程)

代码:

1

2

3

4

5

6

7

.icon-document {

        background-image: url(../image/document.png);

        display:block;

        float: left;

        width: 25px;

        height: 21px;

    }

如图:

3bef41b014475d9ebf246e68a18a4cb.png

相关推荐:CSS教程

以上就是css文件中引用图片不显示怎么办的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css direction属性怎么用?

你所不知道的css规则,值得收藏!!

css怎么消除默认样式

css怎么选择奇偶行元素

怎么用html/css写一首古诗

css如何实现开关效果

css中float属性的属性值有哪些

css text-decoration-style属性怎么用

css自动换行怎么设置

css align-content属性怎么用

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...