[分享]css中怎么使图片上移

CSS是前端开发中必不可少的技术，而对于如何使图片上移，也是前端开发的常见需求，在这里，我们来介绍一下如何通过CSS来实现图片上移的效果。首先，我们需要将图片垂直居中，这可以通过以下的CSS代码实现：...

CSS是前端开发中必不可少的技术，而对于如何使图片上移，也是前端开发的常见需求，在这里，我们来介绍一下如何通过CSS来实现图片上移的效果。

首先，我们需要将图片垂直居中，这可以通过以下的CSS代码实现：

img {
    display: block;
    margin: auto;
} 

上面的代码将图片的display属性设置为block，这样就可以让图片居中显示；而margin属性也设置为auto，这样就可以让图片在水平和垂直方向上居中。

其次，我们需要通过CSS来将图片上移，可以通过以下代码来实现：

img {
    display: block;
    margin: auto;
    position: relative;
    top: -50px;
} 

上面的代码中，我们添加了position:relative属性和top属性，这样就可以使图片上移了50px的距离。

通过上述的CSS代码，就可以实现图片上移的效果了。