首頁 >web前端 >css教學 >css檔引用圖片不顯示怎麼辦

css檔引用圖片不顯示怎麼辦

王林
王林原創
2020-11-16 09:12:175053瀏覽

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;
    }

如圖:

css檔引用圖片不顯示怎麼辦

相關推薦:CSS教學

#

以上是css檔引用圖片不顯示怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn