css 怎麼設定全螢幕背景圖片

css設定全螢幕背景圖片的方法：先建立一個HTML範例檔案；然後在css裡為body加入背景圖示；最後透過加入background-size樣式來設定全螢幕背景圖片即可。

本教學操作環境：windows7系統、HTML5&&CSS3版本、Dell G3電腦。

建議：css影片教學

在html裡我們不輸入任何東西，直接是一個body，加上樣式。

css裡為body新增背景圖示。

運行頁面，當圖片不是很大時，頁面的背景只是佔一部分。

要鋪滿整個頁面，我們可以簡單的使用repeat屬性，也是勉強可以的。

但這種鋪滿是重複用多張相同的圖片來舖的，只有當你的背景圖片是純色等相差不大的情況時，才是可以接受的。

另一種較為完美的方式，是新增background-size樣式，設定為100%，就是讓背景圖片佔滿。

從效果來看，雖然圖片有拉伸，但整體來看，是可以接受的。

以上是css 怎麼設定全螢幕背景圖片的詳細內容。更多資訊請關注PHP中文網其他相關文章！