今天我們來學習一下如何讓CSS背景圖上移。 當我們使用CSS來美化網頁時，背景圖是不可或缺的一部分。某些情況下，我們可能需要將背景圖向上移動一些來美化頁面，因此了解如何背景圖上移是非常重要的。 要讓CSS背景圖上移，我們需要使用background-position屬性。該屬性允許我們設置背景圖的位置。默認情況下，背景圖的位置為左上角。我們可以使用該屬性將其移動到其他位置。 以下是一個簡單的代碼示例，展示如何讓背景圖上移。

.box {
background-image: url("bg-img.jpg"); /* 背景圖像 */
background-position: center top 100px; /* 背景圖像的位置 */
}

在這個例子中，我們將背景圖向上移動了100個像素。您可以根據需要更改此值來使背景圖達到您想要的位置。 除了使用像素值外，我們還可以使用其他單位來設置背景圖像的位置。例如，我們可以使用百分比將其定位在相對于其容器的位置。

.box {
background-image: url("bg-img.jpg"); /* 背景圖像 */
background-position: center top 50%; /* 背景圖像的位置 */
}

在這個例子中，我們將背景圖像的位置設置為垂直居中，即位于其容器的50％處。 總之，了解如何使背景圖上移可以使我們在設計網頁時更加靈活。通過使用background-position屬性，您可以對背景圖像的位置進行更精細的控制，從而創建出更具設計感和美觀的頁面。