HTML中的背景圖往往是用CSS的background屬性來設置的。但是，背景圖的寬高居中卻是一個比較復雜的問題。 要實現背景圖的寬高居中，可以使用CSS來實現。 首先，在CSS中設置背景圖的相關屬性，例如： pre { background-image: url(bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } 這段代碼將背景圖設置為"bg.jpg"，并且不重復，大小填充，居中顯示。 接著，我們將背景圖的位置設置為絕對定位，然后設置寬度和高度為100%，也就是和視口一樣大： pre { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 這段代碼將背景圖的位置設置為左上角，寬度和高度都為100%。 最后，我們設置背景圖所在元素的position屬性為relative，這樣就能實現背景圖的寬高居中了： p { position: relative; } 這樣，你的背景圖就成功地實現了寬高居中。