在網頁設計中，常常需要在圖片上面添加文字。這時候可以使用CSS來實現這個效果。

img {
position: relative;
}
img:after {
content: "這里是文字";
position: absolute;
top: 0;
left: 0;
background: #000;
color: #fff;
padding: 5px;
}

首先，我們需要將圖片的定位設置為相對定位，這樣才能讓它作為絕對定位的容器。

接著，在這個圖片上面使用偽元素after來添加文字。我們需要將其定位為絕對定位，然后設置其top和left值為0，這樣就可以讓它跟圖片重疊。

接下來就是文本樣式的設置了。我們在偽元素的樣式中設置background背景色、color字體顏色和padding內邊距就可以了。

通過這幾行CSS代碼，我們就可以輕松地在圖片上方添加文字了。當然，具體的樣式設置還要根據實際需求進行調整。