在CSS中，您可以使用position屬性將文字附加到圖片上，以下是一個(gè)簡(jiǎn)單的示例：

HTML代碼：

<div class="image-with-text">
  <img src="your-image-url" alt="Your Image">
  <p class="image-text">Your Text</p>
</div>

CSS代碼：

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

在這個(gè)示例中，我們創(chuàng)建了一個(gè)名為image-with-text的類，用于包含圖片和文字，我們將圖片設(shè)置為填充整個(gè)容器，并將文字***定位到容器的中心，您可以根據(jù)需要調(diào)整文字的位置、顏色和大小。