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

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

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

我們可以使用CSS來定位文字，并設(shè)置其樣式，我們可以將文字定位在圖片的右下角，并設(shè)置其顏色、字體大小等樣式：

.image-with-text {
  position: relative;
  display: inline-block;
}
.image-with-text img {
  width: 200px;
  height: 200px;
}
.image-with-text .image-text {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  font-size: 20px;
}

在上面的代碼中，.image-with-text元素被設(shè)置為相對定位，這樣我們可以使用position: absolute;來定位其中的內(nèi)容，我們將.image-text元素定位在右下角，并設(shè)置了顏色和字體大小等樣式。

我們可以將上述HTML和CSS代碼整合到一個頁面中，并在瀏覽器中查看效果，在頁面中，我們可以看到圖片上添加了文字，并且文字被定位在圖片的右下角。