在CSS中，您可以使用***定位（absolute positioning）來將圖片和文本組合在一起，使文本出現(xiàn)在圖片的左下角，以下是一個簡單的示例：

HTML代碼：

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

CSS代碼：

.image-with-text {
  position: relative; /* 相對于其***近的定位祖先元素（如果有的話）定位 */
  width: 200px; /* 您可以根據(jù)需要設置寬度 */
  height: 200px; /* 您可以根據(jù)需要設置高度 */
}
.image-with-text img {
  width: 100%; /* 使圖片填充整個容器 */
  height: 100%; /* 使圖片填充整個容器 */
}
.image-with-text .text {
  position: absolute; /* 相對于其***近的定位祖先元素（即 .image-with-text）定位 */
  left: 0; /* 文本從左側(cè)開始 */
  bottom: 0; /* 文本在底部 */
  width: 100%; /* 文本寬度與容器相同 */
  height: auto; /* 文本高度自動調(diào)整 */
  color: #000; /* 文本顏色為黑色 */
  font-size: 14px; /* 文本字體大小為14像素 */
  text-align: left; /* 文本左對齊 */
}

在這個示例中，我們創(chuàng)建了一個名為.image-with-text 的類，用于包含圖片和文本，圖片通過img 標簽引入，并通過設置width 和height 為100% 來填充整個容器，文本通過另一個div 標簽引入，并通過設置position 為absolute 來定位在圖片的左下角，通過left 和bottom 屬性將其固定在圖片的左下角，通過color 和font-size 屬性來設置文本的顏色和字體大小。