css文件中引用图片不显示怎么办
生活随笔
收集整理的這篇文章主要介紹了
css文件中引用图片不显示怎么办
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
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;
}
如圖:
相關推薦:CSS教程
總結
以上是生活随笔為你收集整理的css文件中引用图片不显示怎么办的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: php 导出excel 乱码怎么办
- 下一篇: vue中怎么导出excel文件