在CSS中，有時候我們需要對圖片進行布局調(diào)整，比如把圖片下移，這樣才能更好地與其他元素配合。下面我們來看一下怎樣實現(xiàn)這個效果。 首先，在HTML中插入圖片的代碼如下：

<img src="image.jpg" alt="圖片">

接下來，在CSS中為圖片添加樣式，使用選擇器定位到圖片元素，并設置margin-top屬性來使圖片下移。例如，把圖片下移10px，代碼如下：

img {
margin-top: 10px;
}

這樣，無論是在單獨的圖片或者多個圖片并列的情況下，都能夠使圖片下移10px的距離。 如果你想要讓圖片下移到特定位置，可以用calc()來計算需要下移的距離。例如，把圖片下移到父元素頂部以下50px處，可以這樣寫：

img {
margin-top: calc(100% + 50px);
}

這里注意，calc()里面的單位需要和margin-top的單位相同，這里的100%表示圖片高度的百分比，而50px是一個固定的距離。 除了使用margin-top，還可以使用padding-top來讓圖片下移。這兩者的區(qū)別在于，margin-top會在圖片的上方產(chǎn)生一個空白區(qū)域，而使用padding-top則是在圖片內(nèi)部添加一個空白區(qū)域。例如，讓圖片下移10px，可以這樣寫：

img {
padding-top: 10px;
}

這樣，圖片就會在它的上方填充一個10px的空間，看起來和下移效果是一樣的。 至此，我們已經(jīng)看到了在CSS中怎樣把圖片下移的方法。無論是使用margin-top還是padding-top，都可以實現(xiàn)這個效果。鑒于不同的情況下可能會有不同的需求，我們可以根據(jù)實際情況來選擇使用哪種方法來讓圖片下移。