本文目錄導讀：

1. 水平位移
2. 垂直位移
3. 同時使用水平和垂直位移
4. 使用像素值進行***控制

CSS背景圖片位移技巧

在CSS中，我們可以使用背景位置屬性（background-position）來調整背景圖片的位移，這個屬性允許你指定背景圖片在元素內部的起始位置。

水平位移

如果你想讓背景圖片在水平方向上移動，可以使用background-position屬性，并指定水平位置，如果你想讓圖片從左邊開始，可以設置為left；如果你想讓圖片從右邊開始，可以設置為right。

垂直位移

與水平位移類似，你也可以使用background-position屬性來指定垂直方向上的起始位置。top表示圖片從上方開始，bottom表示圖片從下方開始。

同時使用水平和垂直位移

你可以在一個元素上同時使用水平和垂直位移，如果你想讓圖片從右上角開始，可以設置為right top；如果你想讓圖片從左下角開始，可以設置為left bottom。

使用像素值進行***控制

除了使用關鍵詞外，你還可以使用像素值來***控制背景圖片的位移。background-position: 50px 100px;表示圖片在水平方向上向右移動50像素，在垂直方向上向下移動100像素。

CSS的background-position屬性提供了強大的背景圖片位移功能，你可以根據自己的需求靈活使用。