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

我們需要?jiǎng)?chuàng)建一個(gè)包含圖片和文字的HTML元素，可以使用div元素來包含這些內(nèi)容，并為它們?cè)O(shè)置樣式。

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

在CSS中，我們可以使用position屬性將文字定位在圖片上的某個(gè)位置，如果我們將文字定位在圖片的底部中央，可以這樣做：

.image-with-text {
  position: relative;
  width: 300px;
  height: 200px;
}
.image-with-text img {
  width: 100%;
  height: 100%;
}
.image-with-text p {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 24px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px;
  border-radius: 5px;
}

在這個(gè)例子中，我們首先將.image-with-text元素的position屬性設(shè)置為relative，以便我們可以使用position: absolute來定位其中的內(nèi)容，我們將文字定位在圖片的底部中央，并使用transform屬性來使其水平居中，我們還為文字設(shè)置了一些樣式，如字體大小、顏色、背景顏色和邊框半徑。

這種方法可以在CSS中輕松地在圖片上插入文字，并且可以通過調(diào)整樣式來定制文字的外觀和位置。