CSS中,有多種方式可以讓圖片下移,其中比較直觀的一種方式是使用margin屬性和padding屬性。
img{ margin-top: 10px; /*10px可以根據需要修改*/ } //或者 img{ padding-top: 10px; /*10px可以根據需要修改*/ }
這兩種方式的效果是一致的,都會讓圖片的頂部下移10個像素。如果需要讓底部下移,可以使用margin-bottom或padding-bottom屬性。
img{ margin-bottom: 10px; /*10px可以根據需要修改*/ } //或者 img{ padding-bottom: 10px; /*10px可以根據需要修改*/ }
對于上下左右都需要下移的情況,可以使用margin或padding的快捷方式,即使用margin或padding屬性時后面直接跟上四個值,分別代表上、右、下、左。
img{ margin: 10px 0 0 10px; /*第一個10px表示上,第二個0表示右,第三個0表示下,第四個10px表示左*/ } //或者 img{ padding: 10px 0 0 10px; /*第一個10px表示上,第二個0表示右,第三個0表示下,第四個10px表示左*/ }
上面的代碼會讓圖片向左下角偏移10個像素。
上一篇css中如何優化網頁
下一篇j2ee與php