css如何让两张图片层叠

CSS是网页开发中必不可少的样式表语言，它可以让我们实现很多有趣的效果，比如让两张图片层叠。下面介绍如何使用CSS实现。

<style>
    .img-wrapper {
      position: relative;
    }
    
    .img-wrapper img {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
    }
    
    .img-wrapper img:last-child {
      z-index: 2;
    }
 </style>

@H_404_4@

首先，在HTML代码中创建两张图片，并将它们包裹在一个div容器中，给该容器设置类名为"img-wrapper"，将该容器的position属性设置为"relative"。

<div class="img-wrapper">
   <img src="image1.jpg">
   <img src="image2.jpg">
</div>

接下来，设定该容器中的图片的样式，将它们的position属性设置为absolute，top和left属性设置成0，来让它们相对于容器左上角定位上去。然后设置第一张图的z-index属性为1（默认值），设置第二个图的z-index属性为2，来在层叠时遮盖住第一个图。

以上就是让两张图片层叠的全部CSS代码。你可以根据需要调整图片的位置和大小，也可以添加其他属性来修改样式，比如opacity来设置透明度，transform来设置旋转或缩放等等。实现层叠效果就是这么简单！