如何透過css設定背景圖片全螢幕

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