CSS是前端開發中的一項重要技術，可以通過它對網頁進行色彩、排版和動畫等樣式的控制。其中，圖片也是網頁中不可或缺的元素之一。我們常常需要在圖片上添加一些文字來進行相關的說明或者標注，那么該如何讓圖片顯示文字呢？其實通過CSS中的background屬性和設置圖片的位置，就可以輕松實現這一需求。

.picture {
width: 400px;
height: 300px;
background: url('example.jpg') no-repeat center center;
position: relative;
}
.picture p {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 10px;
background-color: rgba(0, 0, 0, 0.6);
color: #fff;
text-align: center;
}

上述代碼中，我們通過設置類名為.picture的元素的背景圖案為example.jpg，并且將圖片位置設置為居中不平鋪。接著，我們通過position屬性將文本框的定位方式設置為絕對定位，便于實現在圖片的下方添加一段說明文字。這里我們通過bottom和left將文本框定位在圖片的左下角，并設置文本框的寬度為100%。同時，我們給文本框設置了一定的padding和背景色，以便更好的呈現文本信息，text-align則用于居中顯示文本。

通過上述代碼，我們就可以輕松的在網頁中實現圖片顯示文字了。