通過css設(shè)置背景圖片全屏的方法：1、通過CSS的【background-size=100%】屬性設(shè)置全屏；2、通過【background-repeat】設(shè)置圖片是否重復(fù)。

本教程操作環(huán)境：windows7系統(tǒng)、css3版，DELL G3電腦。

通過css設(shè)置背景圖片全屏的方法：

1、創(chuàng)建以下目錄結(jié)構(gòu)的測試頁面

BackGround

— BgImage.html

— Images

— bg.png

2、將測試圖片顯示在瀏覽器界面上，效果如下

3、通過CSS設(shè)置背景圖片，默認效果如下，圖片被自動重復(fù)以鋪滿窗口

4、通過CSS設(shè)置背景圖片不重復(fù)，此時，圖片將不能鋪滿窗口

5、通過CSS設(shè)置圖片大小100%，效果如下，圖片鋪滿窗口

6、通過CSS設(shè)置圖片大小cover，效果如下，圖片鋪滿窗口

相關(guān)教程推薦：CSS視頻教程