移動圖片是CSS樣式中常見的一項需求，在CSS中，我們可以使用position屬性來移動圖片，position屬性有以下幾個值：static、relative、absolute、fixed和sticky，relative和absolute是***常用的兩種移動方式。

relative移動方式是指圖片相對于其原始位置進行移動，而absolute移動方式則是相對于***近的已定位祖先元素進行移動，要移動圖片，我們需要在CSS中設(shè)置圖片的position屬性為relative或absolute，并指定移動的top、right、bottom和left屬性。

我們可以將圖片向下移動50像素，向右移動100像素，可以使用以下CSS代碼：

img {
  position: relative;
  top: -50px;
  left: 100px;
}

或者，我們也可以相對于***近的已定位祖先元素進行移動：

img {
  position: absolute;
  top: 50px;
  left: -100px;
}

需要注意的是，如果圖片所在的元素沒有設(shè)置定位（即position屬性為static），則圖片不會移動，在移動圖片之前，我們需要確保圖片所在的元素已經(jīng)設(shè)置了定位。

除了position屬性外，我們還可以使用transform屬性來移動圖片，transform屬性允許我們旋轉(zhuǎn)、縮放、傾斜和移動元素，包括圖片，我們可以使用以下CSS代碼將圖片向下移動50像素，向右移動100像素：

img {
  transform: translate(100px, -50px);
}

需要注意的是，transform屬性的移動不會受到已定位祖先元素的影響，而是根據(jù)圖片自身的坐標(biāo)系統(tǒng)進行移動，在某些情況下，使用transform屬性可能更加方便和靈活。