CSS是一種用于制作網(wǎng)頁的樣式表語言。它可以控制網(wǎng)頁中的各種元素，包括字體、顏色、布局和圖像等。其中，如何使文字出現(xiàn)在圖片上是CSS中一個很重要的問題。

img {
position: relative;
}
img::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50px;
background-color: rgba(0, 0, 0, 0.5);
}
img::before {
content: attr(alt);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 8px;
font-size: 18px;
color: #fff;
text-align: center;
box-sizing: border-box;
}

以上代碼是一種常用的讓圖片上顯示文字的方法。其中，img元素被設置為position: relative，這是為了確保偽元素可以相對其進行定位。

接下來，我們使用偽元素來實現(xiàn)文字的顯示。偽元素可以在元素的前面或后面插入一個虛擬元素。在這個例子中，我們創(chuàng)建了before和after偽元素。after是一個透明的黑色塊，用來模擬半透明的背景。before則是顯示圖片的alt屬性，用來作為顯示文字的內容。

其中，before和after的position屬性均為absolute，即相對于img元素定位。before元素的bottom和left屬性被設置為0，這意味著它會顯示在圖片的最下方。字體的大小、顏色、對齊方式等都可以根據(jù)具體需求進行調整。