html怎么将文字添加在照片上

你可以使用CSS中的position属性和z-index属性来实现在图片上添加文字的效果。具体步骤如下：

1. 在HTML中，将图片和文字都放在一个容器内，可以使用div标签。

2. 使用CSS设置容器的position属性为relative。

3. 使用CSS设置文字的position属性为absolute，并设置top和left属性来控制文字在容器内的位置。

4. 使用z-index属性来控制文字的层级，确保文字在图片上方显示。

下面是一个示例代码：

<div class="container">
  <img src="your-image.jpg" alt="your-image" />
  <p class="text">your text here</p>
</div>

<style>
  .container {
    position: relative;
  }
  .text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
  }
</style>

这样就可以在图片上添加文字了，你可以根据需要自行调整文字的样式和位置。