• 技术文章 >web前端 >css教程

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

    VV2020-11-16 09:12:17原创914

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

    解决思路:

    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中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css 文件 图片
    上一篇:css怎么给图片加上下边框 下一篇:css列表怎么横着排列
    线上培训班

    相关文章推荐

    • css图片不显示_html/css_WEB-ITnose• phpcms图片不显示怎么办• 微信小程序真机图片不显示怎么解决• php验证码图片不显示图片怎么办

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网