在CSS中，可以使用position屬性來移動圖片。position屬性有五個值：static、relative、absolute、fixed和sticky。relative、absolute、fixed和sticky都可以用來移動圖片。

如果想要讓圖片向右移動50像素，可以使用以下代碼：

img {
  position: relative;
  left: 50px;
}

如果想要讓圖片向下移動20像素，可以使用以下代碼：

img {
  position: relative;
  top: -20px;
}

如果想要讓圖片在容器中來回移動，可以使用position: relative;和position: absolute;的組合來實現(xiàn)，以下代碼可以讓圖片在容器中向右移動50像素后返回原位：

img {
  position: relative;
  left: 0;
}
.container:hover img {
  position: absolute;
  left: 50px;
}

在鼠標(biāo)懸停在容器上時，圖片會向右移動50像素，當(dāng)鼠標(biāo)離開容器時，圖片會返回原位，這是因為position: absolute;會覆蓋position: relative;，而當(dāng)鼠標(biāo)離開容器時，圖片會恢復(fù)到position: relative;的狀態(tài)。

除了使用position屬性外，還可以使用CSS動畫來實現(xiàn)更復(fù)雜的圖片移動效果，可以使用@keyframes規(guī)則來定義動畫路徑，然后使用animation屬性來應(yīng)用動畫到圖片上，這種方法可以實現(xiàn)更豐富的圖片移動效果，但需要更多的CSS代碼和計算。