img { margin-top: 20px; /* 设置图片向下移动20像素 */ }
上面的代码使用了margin-top属性,将图片向下移动了20像素。如果需要向上移动图片,则可以使用margin-bottom属性。
除了margin属性,大家还可以使用position属性和top属性来实现移动图片的效果。请看下面的代码:
img { position: relative; top: 20px; /* 设置图片向下移动20像素 */ }
上面的代码给图片添加了相对定位,将其top属性设置为20像素,实现了向下移动的效果。需要向上移动图片时,只需要将top属性设为负数值即可。
总之,使用CSS让图片下移动或上移动是非常简单的。只需要掌握margin属性、position属性和top属性的用法,就可以自如地操控图片位置。