在CSS中,我們可以使用background屬性設置顯示一個背景圖像。而想要讓背景圖像往右移動,我們可以使用background-position屬性。
background-position屬性可以設置背景圖像在元素內的位置。其語法如下:
background-position: x軸位置 y軸位置;
其中,x軸位置和y軸位置可以使用以下單位:
- 像素(px)
- 百分比(%)
- 關鍵字:left、center、right、top、bottom
如果只設置了x軸位置,y軸位置的值將會默認為50%,即垂直居中。
要讓背景圖像往右移動,我們可以設置x軸位置的值為一個正數。比如,下面這段CSS代碼將背景圖像向右移動了50個像素:
background-position: 50px 50%;
如果要讓背景圖像往左移動,只需要將x軸位置的值改為負數即可。比如:
background-position: -50px 50%;
這段代碼將使背景圖像向左移動50個像素。