CSS中有一種很實用的技巧，可以在圖片上添加文字，這樣就可以在圖片上顯示一些提示信息或者標語。下面我們來看一下怎么做。

首先，我們需要在HTML中添加圖片元素，例如：

<img src="image.png" alt="美麗的風景">

然后，在CSS中添加樣式，使用::before偽元素來添加文字。例如：

img::before {
content: "這是一張美麗的風景圖片";
display: block;
position: absolute;
top: 10px;
left: 10px;
color: #fff;
font-size: 16px;
}

上述代碼中content屬性用來添加要顯示的文字內容，display: block會將文字元素轉換為塊級元素，position: absolute用于使文字元素相對于圖片位置絕對定位，top和left屬性用于指定文字元素的位置，color屬性用于設置文字的顏色，font-size屬性則用于設置文字大小。

如果需要在右下角添加文字，可以采用以下代碼：

img::after {
content: "這是一張美麗的風景圖片";
display: block;
position: absolute;
bottom: 10px;
right: 10px;
color: #fff;
font-size: 16px;
}

通過上述方法，我們可以很方便地在圖片上添加文字，使圖片變得更加豐富多彩，信息更加明確。