在CSS中，我們可以輕松地實(shí)現(xiàn)讓圖片向下跑的效果。這種效果常常用在網(wǎng)頁(yè)設(shè)計(jì)中，使得頁(yè)面的視覺效果更加動(dòng)態(tài)、生動(dòng)。

/* 將圖片向下移動(dòng)10個(gè)像素 */
img {
margin-top: 10px;
}

從上面的代碼可以看出，我們只需要將圖片的外邊距（margin）設(shè)置為正數(shù)，即可使其向下移動(dòng)。如果希望圖片向上移動(dòng)，則使用負(fù)數(shù)。

值得注意的是，這里設(shè)置的是margin-top，而非padding-top。這是因?yàn)槭褂胮adding-top時(shí)，雖然圖片會(huì)被推下來，但圖片還是處于原來的位置上，只是上方空間被填充了。而使用margin-top則會(huì)讓圖片真正地往下移動(dòng)。

此外，若希望圖片的位置相對(duì)于其原來的位置偏移，而非整體向下移動(dòng)，可以使用position屬性，并設(shè)置top或bottom值。

/* 將圖片向下移動(dòng)10個(gè)像素，并相對(duì)于原來位置向右偏移20個(gè)像素 */
img {
position: relative;
margin-top: 10px;
left: 20px;
}

以上就是利用CSS讓圖片向下跑的方法啦！