在網(wǎng)頁設(shè)計中，常常需要在圖片上面添加文字。這時候可以使用CSS來實現(xiàn)這個效果。

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

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

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

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

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