css将图片顶上去

CSS是用来控制网页外观的语言。在网页设计中，经常需要将图片顶上去，这时我们就需要用到CSS的相关属性了。

首先，在HTML中，我们需要给图片添加一个class名称，以便在CSS中进行操作。

 <img src="example.jpg" class="img-top">

然后，在CSS中，我们可以使用position属性来控制图片的位置。其中，position: relative表示相对于原有位置定位，而position: absolute表示相对于父元素定位。如果父元素没有设置position属性，则相对于整个页面进行定位。

.img-top {
   position: relative;
   top: -20px; /* 将图片上移20px */
}

此外，还可以使用margin或padding属性来控制图片的位置。

.img-top {
   margin-top: -20px; /*将图片上移20px */
}

如果希望图片始终在某一位置，可以结合position和z-index属性来实现。

.container {
   position: relative;
}

.img-top {
   position: absolute;
   top: 0;
   z-index: 1; /*设置图片在最上层 */
}

.content {
   position: relative;
   z-index: 0;
}

以上是关于CSS将图片顶上去的几种方法，可以根据实际需要进行选择。