CSS背景圖布局是一種常見的網頁布局方式。通過設置背景圖片和背景定位等屬性，可以實現多種不同的網頁布局效果。

下面是一個例子，展示如何通過CSS設置背景圖布局：

html {
height: 100%;
background-image: url(background.jpg);
background-size: cover;
background-repeat: no-repeat;
}
body {
height: 100%;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
}
.container {
width: 80%;
height: 80%;
background-color: rgba(255,255,255,0.8);
padding: 20px;
}

以上代碼中，首先在HTML元素上設置了背景圖片屬性，并將背景圖片大小設置為覆蓋整個頁面，不重復顯示。接著在body元素上設置了一個flex布局，并居中顯示。最后，在容器元素上設置了一個白色半透明背景，并設置內邊距。

通過這些CSS屬性的設置，可以實現一個背景圖布局的頁面。除了這個例子，還有很多其他的布局方式可以使用。只需要根據實際需求選擇不同的屬性設置即可。