在CSS中，您可以通過使用相對定位（relative positioning）或***定位（absolute positioning）來在圖片下面添加文字，這兩種定位方法都可以讓您在布局中更***地控制元素的位置。

相對定位是相對于元素在常規(guī)文檔流中的位置來定位，而***定位則是相對于瀏覽器窗口來定位，您可以選擇***適合您布局需求的方法。

下面是一個(gè)使用相對定位在圖片下面添加文字的例子：

HTML:

<div class="image-container">
  <img src="path/to/your/image.jpg" alt="Your Image">
  <div class="text-below-image">
    This is the text that appears below the image.
  </div>
</div>

CSS:

.image-container {
  position: relative; /* 設(shè)置相對定位 */
}
.text-below-image {
  position: relative; /* 設(shè)置相對定位 */
  top: 10px; /* 向下移動10像素 */
  left: 0; /* 居中顯示 */
}

在這個(gè)例子中，.image-container元素設(shè)置為相對定位，然后.text-below-image元素也設(shè)置為相對定位，并指定了top屬性，使其向下移動10像素，這樣，文字就會出現(xiàn)在圖片的下方，您可以根據(jù)需要調(diào)整top屬性的值，以及添加其他樣式來調(diào)整文字的顯示。