[分享]css中怎么让图片移动

在CSS中，我们可以通过设置图片的left或top属性来让它在网页中移动。比如说，如果我们想要让一张图片向右边移动20像素，我们可以这样设置：img { : absolute; left: 20px;...

在CSS中，我们可以通过设置图片的left或top属性来让它在网页中移动。
比如说，如果我们想要让一张图片向右边移动20像素，我们可以这样设置：

img {
    position: absolute;
    left: 20px;
} 

这里的position属性设置为absolute，就可以让图片的位置相对于其父元素定位。然后，我们设置left属性为20px，就可以让图片向右移动20像素了。
同理，如果我们想要让图片向下移动20像素，可以这样设置：

img {
    position: absolute;
    top: 20px;
} 

这里的top属性设置为20px，就可以让图片向下移动20像素了。
当然，我们也可以同时设置left和top属性，来让图片在网页中任意移动。比如，下面的代码可以让图片向右下方移动20像素：

img {
    position: absolute;
    left: 20px;
    top: 20px;
} 

除了设置left和top属性外，我们还可以使用CSS3中的transform属性来对图片进行移动。比如，下面的代码可以让图片向右移动20像素：

img {
    transform: translateX(20px);
} 

这里的translateX属性可以对元素进行水平方向的偏移，我们设置为20px就可以让图片向右移动20像素了。类似的，如果我们想要让图片向下移动20像素，可以这样设置：

img {
    transform: translateY(20px);
} 

总之，在CSS中让图片移动的方法其实很简单，只需要合理运用left、top和transform属性，就可以轻松实现各种效果了。