背景圖的移動是網頁設計中非常重要的一環。在 CSS 中，可以通過 background-position 屬性來控制背景圖的移動，使網頁更具視覺動態效果。

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

在以上的 CSS 代碼中，我們可以看到，通過 background-position 屬性，將背景圖設置在居中位置。但是如何讓背景圖更加動態呢？

我們可以通過改變 background-position 屬性的值，來實現背景圖的移動。比如向左移動 50px 。

.background{
background-image:url("background.jpg");
background-position:center -50px;
}

這樣，背景圖就向左移動了 50px。同理，向右移動 50px 可以寫作：

.background{
background-image:url("background.jpg");
background-position:center 50px;
}

還有一種可以水平和垂直同時移動的方法：

.background{
background-image:url("background.jpg");
background-position:-50px -50px;
}

通過這些方法，我們可以讓背景圖呈現出豐富的視覺效果，增強網頁設計的動態感。