網(wǎng)頁的背景是設(shè)計網(wǎng)頁時必不可少的元素之一，而HTML可以通過設(shè)置背景圖片來實現(xiàn)網(wǎng)頁的背景效果。在設(shè)置背景圖片時，我們需要設(shè)置圖片的寬度和高度，本篇文章主要介紹如何設(shè)置背景圖片的高度。
//HTML代碼
<body style="background-image:url(bg.jpg); background-size:cover;
background-repeat:no-repeat; background-position:center; height:100%;">
//CSS代碼
body{
height:100%; //設(shè)置body元素的高度為100%
}在上面的代碼中，我們首先在body元素的style屬性中設(shè)置了背景圖片的路徑，同時使用了background-size:cover、background-repeat:no-repeat和background-position:center三個屬性分別進行圖片的縮放、重復(fù)和位置的設(shè)置，這些屬性都與背景圖片有關(guān)。
接下來，我們需要設(shè)置body元素的高度與背景圖片的高度一致，這樣才可以完全展示背景圖片。但是，由于body元素的高度默認是由其中的內(nèi)容決定的，所以我們需要對其進行設(shè)置。在CSS中，我們可以使用height:100%來設(shè)置元素高度為父元素的高度，也就是網(wǎng)頁的高度。
通過以上的設(shè)置，我們就可以輕松地實現(xiàn)網(wǎng)頁背景圖片的完整顯示。當(dāng)然，還可以根據(jù)實際需要進行調(diào)整，例如設(shè)置一定的內(nèi)邊距和邊框等。