在CSS中，您可以使用***定位（absolute positioning）來在圖片正下方添加文字，以下是一個簡單的示例：

HTML代碼：

<div class="image-with-text">
  <img src="your-image-url" alt="Your Image">
  <div class="text-below-image">Your Text</div>
</div>

CSS代碼：

.image-with-text {
  position: relative; /* 使得***定位的子元素相對于此元素進行定位 */
  width: 300px; /* 您可以根據(jù)需要設置圖片的寬度 */
  height: 200px; /* 您可以根據(jù)需要設置圖片的高度 */
}
.text-below-image {
  position: absolute; /* ***定位，使得文字始終在圖片的正下方 */
  bottom: 0; /* 底部邊緣與圖片底部邊緣對齊 */
  left: 0; /* 左側邊緣與圖片左側邊緣對齊 */
  width: 100%; /* 寬度與圖片寬度相同 */
  padding: 10px; /* 可選，添加一些內(nèi)邊距 */
  background-color: rgba(255,255,255,0.7); /* 可選，添加背景顏色 */
  border: 1px solid #000; /* 可選，添加邊框 */
  border-radius: 5px; /* 可選，添加邊框圓角 */
}

在這個示例中，我們創(chuàng)建了一個包含圖片和文字的容器，圖片位于容器的頂部，文字位于圖片的下方，我們使用***定位來確保文字始終在圖片的正下方，無論圖片的大小如何變化，我們還添加了一些樣式來使文字更加美觀，如背景顏色和邊框等，您可以根據(jù)自己的需要調(diào)整這些樣式。