CSS中可以使用相對定位（relative positioning）將圖片襯于文字底部，具體步驟如下：

1、將圖片設置為相對定位，即設置position: relative;。

2、將圖片放置在需要的位置，例如top: 0; left: 0;，這將使圖片位于元素的左上角。

3、將圖片的大小設置為適應其容器的大小，例如width: 100%; height: auto;，這將使圖片寬度為100%，高度自動縮放。

以下是一個示例代碼：

<div style="position: relative; height: 200px; background-color: #f0f0f0;">
  <img style="position: relative; top: 0; left: 0; width: 100%; height: auto;" src="image.jpg" />
  <p style="position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background-color: #333; color: #fff; padding: 10px;">這是一段文字</p>
</div>

在這個示例中，圖片被放置在div元素的左上角，并且其寬度設置為100%，高度自動縮放，一段文字被放置在div元素的底部，使用***定位（absolute positioning）來確保它始終位于底部。

這種方法僅適用于將圖片和文字放置在同一元素內，如果您需要將圖片和文字放置在不同的元素內，那么需要使用其他方法來實現。