在網(wǎng)頁設(shè)計中，我們經(jīng)常需要將圖片和文字結(jié)合起來，以豐富頁面的內(nèi)容，將文字放置在圖片下方是一種常見的排版方式，下面，我們將介紹如何使用CSS來實現(xiàn)這一功能。

我們需要在HTML中定義一個包含圖片和文字的容器，這個容器可以是一個div元素，它包含了圖片（img）和要放置在圖片下方的文字（p）。

HTML代碼示例：

<div class="image-with-text">
  <img src="image.jpg" alt="圖片描述">
  <p>這是放置在圖片下方的文字</p>
</div>

我們可以使用CSS來設(shè)置圖片和文字的位置關(guān)系，我們可以將圖片設(shè)置為相對定位（relative），然后將文字設(shè)置為***定位（absolute），并指定其位置在圖片的下方。

CSS代碼示例：

.image-with-text {
  position: relative; /* 圖片設(shè)置為相對定位 */
}
.image-with-text img {
  position: relative; /* 圖片設(shè)置為相對定位 */
}
.image-with-text p {
  position: absolute; /* 文字設(shè)置為***定位 */
  top: 100%; /* 文字位置在圖片的下方 */
  left: 0; /* 文字位置在圖片的左側(cè) */
}

通過以上的CSS設(shè)置，我們可以實現(xiàn)將文字放置在圖片下方的效果，我們還可以根據(jù)具體的需求，調(diào)整文字的位置、大小、顏色等樣式屬性，以使其更好地與圖片相融合。