css中怎么把字写在图片下面

在网页设计中，常常需要将文字放在图片下方，以达到更好的视觉效果。这时，我们可以使用CSS中的一些技巧来实现这个功能。
首先，在HTML中创建一张图片，并在图片下方添加一段文字，代码如下：

<div class="container"><br>
  <img src="image.jpg" alt="图片"><br>
  <p>这是一段图片下方的文字</p><br>
</div>

接下来，我们可以使用CSS来设置图片与文字的位置关系。我们可以使用position属性来控制图片与文字的位置关系。例如，可以将图片设为绝对定位，并将文字设为相对定位，然后调整它们的top属性，使它们排列在正确的位置上。

.container {<br>
  position: relative;<br>
}<br>
img {<br>
  position: absolute;<br>
  top: 0;<br>
}<br>
p {<br>
  position: relative;<br>
  top: 200px;<br>
}

上述代码中，我们将容器设置为相对定位，图片设置为绝对定位，并将其top属性设为0，以将其定位到容器的顶部。然后将文字设置为相对定位，并将其top属性设为200px，以将其定位到容器的底部。
通过这些技巧，我们可以轻松地实现将文字放在图片下方的效果。此外，我们还可以使用其他CSS属性来进一步调整图片与文字的位置关系，例如padding和margin等属性。有了这些技巧，我们可以让网页的设计更加精美，吸引用户的注意力，提高用户的体验。