CSS是一種用于網頁樣式設計的語言，可以有效地控制網頁中的各種元素，包括文本、圖片、背景等等。其中，我們經常會遇到需要在圖片底部顯示文字的情況，需要使用CSS來實現。

在實現之前，我們需要先明確一個概念——CSS偽類。CSS的偽類可以讓我們針對某個元素在特定的情況下設置樣式，包括一些特殊狀態(tài)，例如懸停、焦點、訪問過、未訪問等等。

img {
position: relative;
}
img::after {
content: "這里是圖片底部的文字";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: rgba(255, 255, 255, 0.7);
color: #333;
font-size: 14px;
line-height: 1.5;
padding: 5px;
}

以上代碼中，我們首先給圖片設置了相對定位（position: relative;），然后使用偽類（img::after）在圖片下方添加了一段文字。這里的after是指在元素的內容后面添加內容，而且這里的內容不需要實際存在于HTML中，可以由CSS來生成。通過設置position: absolute，bottom: 0和left: 0等屬性，我們可以讓文字顯示在圖片底部，并保證它始終緊貼在圖片下方。

另外，我們還可以對文字進行一些樣式設置，例如設置背景色（background-color）、字體顏色（color）、字體大小（font-size）、行高（line-height）、內邊距（padding）等等，讓它更符合我們的需求。

總的來說，利用CSS偽類可以輕松地實現在圖片底部顯示文字的效果，讓網頁更加豐富有趣。