在網頁設計中，圖文并茂的頁面能夠更好地吸引用戶的注意力。但是有些圖片可能不能夠完全表達設計師所想要傳達的信息，這時候就需要在圖片上加上文字來補充說明。

CSS中加文字的方法非常簡單，只需要在HTML中把文字包裹在一層div中，然后使用CSS中的position屬性讓這個div覆蓋在圖片上即可。

This is an example

在上述代碼中，我們首先創建了一個包含圖片和文字div的容器。為了使文字能夠在圖片上方顯示，我們給容器設置了position:relative屬性。然后，我們使用position:absolute屬性來讓文字div覆蓋在圖片上方，并使其居中顯示。最后，我們可以使用CSS中的其他屬性來更改文字的樣式。

需要注意的是，在圖片上添加文字時，一定要注意文字的顏色和透明度。如果文字顏色與圖片顏色相似，那么文字很有可能被掩蓋，無法看清。另外，我們也可以通過調整文字的透明度來實現更好的視覺效果。