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

相對(duì)定位是相對(duì)于元素在常規(guī)文檔流中的位置來定位，而***定位則是相對(duì)于瀏覽器窗口來定位，您可以通過設(shè)置元素的position屬性來選擇使用哪種定位方法。

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

HTML代碼：

<div class="image-container">
  <img src="image.jpg" alt="example image">
  <div class="text-container">
    <p>這是一段添加在圖片底下的文字。</p>
  </div>
</div>

CSS代碼：

.image-container {
  position: relative;
  width: 300px;
  height: 200px;
}
.text-container {
  position: relative;
  top: 50px;
  left: 10px;
}

在這個(gè)例子中，.image-container元素是相對(duì)于其正常位置進(jìn)行定位的，而.text-container元素則是相對(duì)于.image-container元素進(jìn)行定位的，通過調(diào)整top和left屬性，您可以***地控制文字的位置。

如果您想使用***定位，可以將.image-container元素的position屬性設(shè)置為absolute，并將top和left屬性設(shè)置為0，這樣文字就會(huì)出現(xiàn)在圖片的正下方。