CSS是前端開發中不可或缺的技能，通過CSS可以輕松將網頁中的文本和內容進行良好的布局設計和美化。在網頁設計中，有時需要在圖片上添加文字，比如在一張產品圖片上添加標題和描述等信息，這時候，使用CSS就可以輕松實現。

CSS在圖片上加入文字的方法很簡單，我們可以使用CSS中的position屬性和z-index屬性來實現。具體操作如下：

<div class="pic">
<img src="pic.jpg" alt="圖片">
<p class="text">這是一張圖片</p>
</div>
.pic {
position: relative;
}
.text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}

以上代碼中，我們首先在一個div容器中包含了圖片和文字。然后，將div容器的position屬性設置為relative，這樣就為它的子元素創建了一個相對的定位環境。接著，使用絕對定位將文字（p標簽）放置于圖片之上，并通過top、left和transform屬性將其居中。最后，我們還需要通過z-index屬性將文字置于圖片之上。

在實際應用中，我們可以根據需要調整文字的位置、顏色、字體大小等屬性來實現各種風格的圖片文字描述效果。