如何給body設置背景圖

在網頁建造的時辰，凡是需要添加一些布景圖，美化整體界面的樣子。那么，若何給body設置布景圖呢？

東西/原料

1
打開vscode，建立一個html的測試頁面，在測試頁面的同級目次添加一張布景圖片
2
在測試頁面中，添加一些測試文字內容，因為僅僅只做演示，所以，并沒有添加樣式
3
在瀏覽器中打開測試頁面，就可以看到運行的結果
4
在body標簽上面的style屬性，添加background-image樣式，設置布景圖地址指標的目的第一步添加的演示布景圖片
5
在瀏覽器中再次打開測試頁面，就可以看到頁面有了布景圖。只不外這個時辰的布景圖會重疊占有空間，并不會利用一張圖片鋪滿整個瀏覽器窗口
6
別的一種寫法，就是不寫到body標簽中，自力出去做當作css樣式，同樣的設置body布景圖的地址，指標的目的第一步添加的演示布景圖片。這個時辰，添加多一些樣式，讓圖片拉伸鋪滿整個瀏覽器窗口。
background-size: 100% 100%; 設置布景圖片填滿body標簽
background-repeat: no-repeat; 設置布景圖片拉伸，而不是反復占滿空間
html{height: 100%;} 這是整個頁面，占滿瀏覽器當前窗口
7
在瀏覽器中打開測試頁面，看到運行結果，整個body布滿了布景圖