在CSS中，您可以使用相對(duì)定位（relative positioning）或***定位（absolute positioning）來將文字放置在圖片的下方，這里有一個(gè)簡單的例子，說明如何實(shí)現(xiàn)這一目標(biāo)：

圖片下方放置文字的方法

1、相對(duì)定位：

- 將圖片設(shè)置為相對(duì)定位（position: relative;）。

- 將文字設(shè)置為***定位（position: absolute;），并放置在圖片下方。

<div style="position: relative; width: 300px; height: 200px; background-image: url('image.jpg'); background-repeat: no-repeat; background-position: center;">
  <div style="position: absolute; bottom: 0; left: 0; right: 0; text-align: center; color: #fff; background-color: rgba(0, 0, 0, 0.5);">
    這是一行文字
  </div>
</div>

2、***定位：

- 將圖片設(shè)置為***定位（position: absolute;）。

- 將文字設(shè)置為***定位（position: absolute;），并放置在圖片下方。

<div style="position: absolute; top: 50px; left: 50px; width: 200px; height: 200px; background-image: url('image.jpg'); background-repeat: no-repeat; background-position: center;">
  <div style="position: absolute; bottom: 0; left: 0; right: 0; text-align: center; color: #fff; background-color: rgba(0, 0, 0, 0.5);">
    這是一行文字
  </div>
</div>

代碼解釋

1、圖片設(shè)置：

position: relative; 或position: absolute; 設(shè)置圖片的相對(duì)或***位置。

width 和height 設(shè)置圖片的大小。

background-image 設(shè)置圖片的背景。

background-repeat: no-repeat; 確保圖片不重復(fù)。

background-position: center; 將圖片居中。

2、文字設(shè)置：

position: absolute; 設(shè)置文字的***位置。

bottom: 0; 將文字放置在圖片下方。

left: 0; right: 0; 確保文字左右居中。

text-align: center; 確保文字水平居中。

color 設(shè)置文字顏色。

background-color 設(shè)置文字背景色。

效果預(yù)覽

您可以將上述代碼復(fù)制到HTML文件中，并查看效果，這將使文字出現(xiàn)在圖片的下方，并且文字背景是半透明的黑色，您可以根據(jù)需要調(diào)整樣式，如字體大小、顏色等。