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

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

王林
發布: 2020-11-16 09:12:17
原創
5061 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板