在CSS中，我們可以使用position屬性將文字添加到圖片中，我們需要?jiǎng)?chuàng)建一個(gè)包含圖片和文字的HTML結(jié)構(gòu)，圖片作為背景，文字則作為前景。

HTML結(jié)構(gòu)如下：

<div class="image-with-text">
  <img src="path-to-your-image.jpg" alt="Background image">
  <div class="text">Your text here</div>
</div>

在CSS中設(shè)置樣式，將圖片設(shè)置為背景，然后將文字設(shè)置為前景，并使用position屬性將文字定位到圖片上的特定位置。

CSS樣式如下：

.image-with-text {
  position: relative;
  width: 500px; /* 你可以根據(jù)需要設(shè)置圖片的寬度 */
  height: 300px; /* 你可以根據(jù)需要設(shè)置圖片的高度 */
}
.image-with-text img {
  width: 100%;
  height: 100%;
}
.image-with-text .text {
  position: absolute;
  top: 50%; /* 你可以根據(jù)需要調(diào)整文字的位置 */
  left: 50%; /* 你可以根據(jù)需要調(diào)整文字的位置 */
  transform: translate(-50%, -50%); /* 將文字居中 */
  color: white; /* 你可以根據(jù)需要設(shè)置文字的顏色 */
  font-size: 24px; /* 你可以根據(jù)需要設(shè)置文字的大小 */
}

通過(guò)這種方式，你可以輕松地在圖片中添加文字，并控制文字的位置、顏色和大小，希望這對(duì)你有所幫助！