html如何在图片上写字

您可以使用 CSS 中的文字重叠属性（text-overlay）来在图片上写字。首先，将图片作为背景图像应用于 div 元素，并在 div 元素中添加要写入的文本。之后，使用 CSS 中的定位和 z-index 属性来将文本重叠在图像之上。具体实现请参考以下代码：

HTML 代码：

<div class="image-text">
  <p>Hello World</p>
</div>

CSS 代码：

.image-text {
  background-image: url("image.jpg");
  background-size: cover;
  position: relative;
  width: 100%;
  height: 400px;
}

.image-text p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 3rem;
  z-index: 1;
}