在CSS中，我們可以使用多種方式在圖片上添加文字，以下是一種常見的方法：

我們需要創(chuàng)建一個包含圖片和文字的HTML元素，可以使用div元素來包含這些內(nèi)容，并為它們設(shè)置樣式。

<div class="image-with-text">
  <img src="path/to/image.jpg" alt="描述圖片的文字">
  <p class="image-text">這是添加在圖片上的文字</p>
</div>

在CSS中，我們可以使用position屬性將文字定位在圖片上的某個位置，如果我們將文字定位在圖片的底部中央，可以這樣做：

.image-with-text {
  position: relative;
  width: 300px;
  height: 200px;
}
.image-with-text img {
  width: 100%;
  height: 100%;
}
.image-with-text .image-text {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  font-size: 24px;
}

在這個例子中，我們首先將.image-with-text元素的position屬性設(shè)置為relative，以便我們可以使用position: absolute來定位其中的內(nèi)容，我們將.image-text元素定位在圖片的底部中央，并使用transform: translateX(-50%)來使其水平居中，我們設(shè)置了文字的顏色和字體大小。

這只是一個簡單的例子，在實際應(yīng)用中，您可能需要更復雜的樣式和布局，這種方法可以幫助您開始在圖片上添加文字。