CSS是一種強大的樣式表語言，它可以用于調整網頁的外觀和布局。其中一個很有用的特性是通過CSS設置圖片的移動。下面讓我們來學習如何實現這個效果。

/* CSS代碼 */
.img-move {
position: relative; /* 讓圖片位置相對 */
animation: move 3s infinite; /* 設置動畫效果，一直重復 */
}
/* 動畫效果 */
@keyframes move {
0% { left: 0; } /* 開始位置 */
100% { left: 100px; } /* 結束位置 */
}

首先，在HTML中插入一張圖片，并設置一個類名“img-move”：

然后，在CSS中使用“position: relative;”將圖片位置設為相對位置，使之可以隨著動畫效果進行移動。

接著，用“animation: move 3s infinite;”為圖片設置動畫效果，其中“move”是動畫名稱，“3s”表示動畫時間為3秒，“infinite”表示動畫重復無限次。

最后，在CSS中定義“@keyframes”動畫效果，使用“left”屬性來控制圖片在水平方向上的移動。在本例中，我們將圖片從起始位置移動100像素，“0%”表示動畫開始時，而“100%”則表示動畫結束時的位置。

這樣，我們就成功地通過CSS設置了圖片的移動效果。