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

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

王林
Lepaskan: 2020-11-16 09:12:17
asal
5042 orang telah melayarinya

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;
    }
Salin selepas log masuk

如图:

3bef41b014475d9ebf246e68a18a4cb.png

相关推荐:CSS教程

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan