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

我們需要在HTML中創(chuàng)建一個包含圖片和文字的容器，可以使用div元素來創(chuàng)建這個容器，并將圖片和文字分別作為其子元素。

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

我們可以使用CSS來設(shè)置容器的樣式，使文字能夠顯示在圖片的上方或下方，以下是一個示例：

.image-with-text {
  position: relative;
  width: 300px;
  height: 200px;
}
.image-with-text img {
  width: 100%;
  height: 100%;
}
.image-with-text p {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.5);
}

在這個示例中，我們使用了position: relative來設(shè)置容器的位置為相對于其正常位置，然后使用position: absolute來設(shè)置文字的位置為相對于容器，我們還設(shè)置了一些樣式，如文字的顏色、字體大小等，以便更好地展示在圖片上。

這只是一個簡單的示例，你可以根據(jù)自己的需求進(jìn)行調(diào)整，這種方法可以幫助你在CSS中輕松地在圖片上加文字。