在網站設計中，背景圖是一個不可或缺的元素。但是，有時候我們需要修改背景圖的位置來實現更好的效果。那么，如何使用CSS來修改背景圖的位置呢？ 首先，在CSS中，我們可以通過background-position屬性來設置背景圖的位置。該屬性有兩個值，分別表示水平方向和垂直方向的位置。可以使用具體的像素值、百分比，也可以使用關鍵字來設置。 例如，我們可以設置background-position: 50% 50%;來讓背景圖居中。如果我們想讓背景圖向左移動20像素，可以設置background-position: -20px 50%; 除了具體的數值，我們還可以使用關鍵字來設置背景圖的位置。常用的關鍵字包括： 1. center：居中，默認值。 2. top：置頂。 3. bottom：置底。 4. left：左對齊。 5. right：右對齊。 同時，我們可以使用pre標簽來添加CSS代碼的展示，可以方便閱讀、理解和復制。 下面是一段關于背景圖位置設置的CSS代碼示例：

p {
background-image: url("image.jpg");  /* 背景圖的URL */
background-position: center;         /* 居中對齊 */
background-size: cover;              /* 背景圖尺寸 */
}

通過以上代碼，我們可以設置p標簽的背景圖位于中心位置，并按照cover尺寸去展示圖片。 通過簡單的CSS代碼修改背景圖位置，我們可以實現更好的網頁設計效果。