在CSS中，將文字插入圖片上方是一個常見的需求，我們可以使用相對定位（relative positioning）來實現(xiàn)這一功能，以下是一個簡單的示例，展示了如何將文字插入圖片上方：

我們需要在HTML中創(chuàng)建一個包含圖片和文字的容器，可以使用一個div元素來作為容器，并給這個容器一個類名，比如image-with-text。

<div class="image-with-text">
  <img src="image.jpg" alt="示例圖片">
  <p>這是插入到圖片上方的文字</p>
</div>

在CSS中設(shè)置樣式，使文字能夠定位到圖片上方：

.image-with-text {
  position: relative; /* 將容器設(shè)置為相對定位 */
}
.image-with-text img {
  width: 100px; /* 示例圖片的寬度 */
  height: 100px; /* 示例圖片的高度 */
}
.image-with-text p {
  position: absolute; /* 將文字設(shè)置為***定位 */
  top: 0; /* 文字距離容器頂部的距離 */
  left: 0; /* 文字距離容器左邊的距離 */
}

在這個示例中，position: relative; 將容器設(shè)置為相對定位，這意味著容器內(nèi)的***定位元素（如p元素）將相對于容器進行定位。position: absolute; 將p元素設(shè)置為***定位，使其能夠覆蓋在圖片上方。top: 0; 和left: 0; 確保文字位于圖片的左上角。

通過這種方法，你可以輕松地將文字插入到圖片上方，并且可以根據(jù)需要調(diào)整文字的樣式和位置。