html怎么在图片中加文字

在HTML中，您可以使用CSS样式来将文字添加到图像中。以下是一个示例，展示如何在图像中添加文字：

<div style="position: relative;">
  <img src="image.jpg" alt="My Image" style="width: 100%;">
  <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: Arial, sans-serif; font-size: 24px; color: #FFFFFF; text-align: center; background-color: rgba(0, 0, 0, 0.5); padding: 10px;">
    Hello World
  </div>
</div>

在这个示例中，我们使用一个div元素将文字添加到图像中。我们使用CSS样式来设置div元素的位置（使用`position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);`将其居中），字体（使用`font-family: Arial, sans-serif;`）和其他样式（如背景色和内边距）。我们还将`<img>`元素包装在一个父级`<div>`元素中，并使用`position: relative;`将其设置为相对定位，这样子元素`<div>`元素的绝对定位就相对于这个父级元素而不是整个页面。

您可以将上述示例中的图像和文字替换为您自己的内容，并根据需要调整样式。