在網(wǎng)頁設(shè)計中，背景圖片是一個非常重要的元素，它可以為網(wǎng)頁增添美感和個性。然而，有些情況下我們需要指定背景圖片的顯示區(qū)域，這就需要用到一些CSS技巧了。 首先，讓我們來看一下背景圖片如何使用：

body {
background-image: url("bg.jpg");
}

以上代碼將頁面的背景設(shè)置為一張名為“bg.jpg”的圖片。默認(rèn)情況下，圖片將會自適應(yīng)整個頁面，并且可能出現(xiàn)拉伸或壓縮的情況。 如果我們想指定圖片顯示的區(qū)域，可以使用background-position屬性來設(shè)置圖片的位置。例如，在以下代碼中，我們將圖片顯示在頁面的左上角：

body {
background-image: url("bg.jpg");
background-position: top left;
}

如果我們想讓圖片居中顯示，可以使用background-position屬性結(jié)合關(guān)鍵字center來實現(xiàn)：

body {
background-image: url("bg.jpg");
background-position: center center;
}

同時，我們也可以使用百分比或像素值來指定圖片的位置。例如：

body {
background-image: url("bg.jpg");
background-position: 50% 50%;
}

以上代碼將圖片在水平和垂直方向上都居中顯示。 另外，我們還可以使用background-size屬性來設(shè)置背景圖片的大小。以下代碼將圖片的寬度設(shè)置為100%：

body {
background-image: url("bg.jpg");
background-size: 100% auto;
}

我們可以使用類似于“50% auto”或“cover”等屬性值來指定其他尺寸，以達(dá)到不同的效果。 總之，在設(shè)計網(wǎng)頁時，我們可以運用background-position和background-size等CSS屬性，來控制背景圖片的顯示效果，從而創(chuàng)造出更具個性化和美感的網(wǎng)頁。