如何让一张图片居中，而另一张图片在左上角？

要让一张图片居中，而另一张图片在左上角，可以使用CSS布局和定位来实现。

首先，创建一个包含两个图片的HTML元素，可以使用<div>标签，并为其设置一个唯一的ID，例如<div id="container">。

然后，在CSS样式中，设置容器的宽度和高度，并使用display: flex和justify-content: center属性将图片水平居中。

接下来，在HTML中插入第一张图片，可以使用<img>标签，并设置其src属性为图片的URL。

然后，在CSS样式中，设置第一张图片的定位属性为相对定位（position: relative），并使用top: 50%和left: 50%将其位置移动到容器的中心。

最后，在HTML中插入第二张图片，同样使用<img>标签，并设置其src属性为图片的URL。

然后，在CSS样式中，设置第二张图片的定位属性为绝对定位（position: absolute），并使用top: 0和left: 0将其位置固定在容器的左上角。

以下是示例的HTML和CSS代码：

HTML代码：

<div id="container">
  <img src="image1.jpg" alt="Image 1">
  <img src="image2.jpg" alt="Image 2">
</div>

CSS代码：

#container {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

#container img:first-child {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#container img:last-child {
  position: absolute;
  top: 0;
  left: 0;
}

请注意，以上代码只是示例，实际使用时可能需要根据具体情况进行调整和优化。

腾讯云相关产品和产品介绍链接地址请参考腾讯云官方网站：https://cloud.tencent.com/