在CSS中，可以使用多種方法將文字插入圖片中，以下是一些常見的實現(xiàn)方式：

1、使用***定位（absolute positioning）：將文字元素設(shè)置為***定位，并將其放置在圖片元素的上方或下方，這種方法適用于將文字放置在圖片的特定位置，如標題或說明文字。

.image-with-text {
  position: relative;
  width: 300px;
  height: 200px;
}
.image-with-text img {
  width: 100%;
  height: 100%;
}
.image-with-text .text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

2、使用偽元素（pseudo-elements）：使用偽元素如::before或::after在圖片元素的內(nèi)容之前或之后插入文字，這種方法適用于在圖片周圍添加裝飾性文字或標簽。

.image-with-text {
  position: relative;
  width: 300px;
  height: 200px;
}
.image-with-text img {
  width: 100%;
  height: 100%;
}
.image-with-text::before {
  content: "This is a caption";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

3、使用背景圖像（background image）：將圖片作為背景圖像應用到文字元素上，這種方法適用于將圖片作為背景，并在其上添加文字內(nèi)容。

.image-with-text {
  position: relative;
  width: 300px;
  height: 200px;
}
.image-with-text .text {
  position: absolute;
  top: 50%; /* 調(diào)整文字位置 */
  left: 50%; /* 調(diào)整文字位置 */
  transform: translate(-50%, -50%); /* 使文字居中 */
  z-index: 1;
}