使用CSS實現文字在圖片正下方是Web開發中常用的技巧。它可以讓網頁看起來更加美觀和專業，并且能夠提高網頁的閱讀體驗。下面是如何使用CSS來實現文字在圖片正下方的方法。 首先，我們需要使用HTML標簽將圖片和文字包裹在一起。實現的代碼如下：

<div class="container">
<img src="image.jpg" alt="example">
<p class="caption">這是一段文字</p>
</div>

在上面的代碼中，我們使用了一個div標簽作為容器，里面包含了一張圖片和一段文字。我們給這個div標簽添加了一個名為container的class，以便我們稍后在CSS中引用。 下一步是使用CSS來對圖像和文本進行布局。我們可以通過使用絕對定位將文本放置在圖片的下方。請看下面的代碼：

.container {
position: relative;
}
.caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}

在這段代碼中，我們給.container容器添加了 position: relative; 屬性。這表示該容器是相對定位的。這是因為.caption元素將使用絕對定位。 接下來，我們使用.caption class創建CSS規則。我們設置了bottom: 0;屬性，這表示元素將被置于容器底部。我們還設置了left: 0;和right: 0;屬性，這表示元素將充滿整個容器。 在上面的代碼中，我們使用了p標簽來包裝文本。這是常用的HTML標記。我們也可以使用其他標記，例如h1標記或span標記。 使用CSS實現文字在圖片正下方非常簡單。我們只需要把文本添加到圖像的下方，然后使用CSS來對它們進行布局，即可實現該效果。