透過css設定背景圖片全螢幕的方法：1、透過CSS的【background-size=100%】屬性設定全螢幕；2、透過【background-repeat】設定圖片是否重複。
本教學操作環境：windows7系統、css3版，DELL G3電腦。
透過css設定背景圖片全螢幕的方法：
1、建立以下目錄結構的測試頁面
BackGround
- - BgImage.html
-- Images
-- bg.png
2、將測試圖片顯示在瀏覽器介面上，效果如下
3、透過CSS設定背景圖片，預設效果如下，圖片會自動重複以鋪滿視窗
4、透過CSS設定背景圖片不重複，此時，圖片將無法鋪滿視窗
5、透過CSS設定圖片大小100%，效果如下，圖片鋪滿視窗
6、透過CSS設定圖片大小cover，效果如下，圖片鋪滿視窗
##相關教學推薦：CSS影片教學
以上是如何透過css設定背景圖片全螢幕的詳細內容。更多資訊請關注PHP中文網其他相關文章！
