在CSS中，我們可以使用position屬性將文字添加到圖片上，我們需要將圖片作為背景，然后創(chuàng)建一個(gè)層疊上下文，將文字作為子元素添加到圖片上。

以下是一個(gè)簡(jiǎn)單的示例：

<div class="image-with-text">
  <img src="path-to-your-image.jpg" alt="描述圖片的文字">
  <div class="text-on-image">你的文字</div>
</div>

.image-with-text {
  position: relative; /* 創(chuàng)建一個(gè)層疊上下文 */
  width: 300px; /* 你可以根據(jù)需要設(shè)置圖片的寬度 */
  height: 200px; /* 你可以根據(jù)需要設(shè)置圖片的高度 */
  background: url('path-to-your-image.jpg') no-repeat; /* 將圖片作為背景 */
}
.text-on-image {
  position: absolute; /* 將文字作為子元素添加到圖片上 */
  top: 50%; /* 設(shè)置文字的垂直位置 */
  left: 50%; /* 設(shè)置文字的水平位置 */
  transform: translate(-50%, -50%); /* 將文字居中 */
  color: white; /* 設(shè)置文字的顏色 */
  font-size: 24px; /* 設(shè)置文字的大小 */
}

在這個(gè)示例中，我們首先將圖片作為背景，然后創(chuàng)建一個(gè)層疊上下文，將文字作為子元素添加到圖片上，通過(guò)position屬性，我們可以***地控制文字的位置，并使用transform屬性將文字居中，我們還可以設(shè)置文字的顏色和大小，以滿足不同的需求。

這種方法不僅簡(jiǎn)單易行，而且效果也很好，你可以根據(jù)實(shí)際需要調(diào)整圖片的大小、位置以及文字的顏色和大小。