Rumah >hujung hadapan web >tutorial css >css文件中引用图片不显示怎么办

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

王林
王林asal
2020-11-16 09:12:175055semak imbas

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教程

Atas ialah kandungan terperinci css文件中引用图片不显示怎么办. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:css怎么给图片加上下边框Artikel seterusnya:css列表怎么横着排列