CSS是一種用于網(wǎng)頁(yè)樣式設(shè)計(jì)的語(yǔ)言，可以有效地控制網(wǎng)頁(yè)中的各種元素，包括文本、圖片、背景等等。其中，我們經(jīng)常會(huì)遇到需要在圖片底部顯示文字的情況，需要使用CSS來(lái)實(shí)現(xiàn)。

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

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;
}

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

另外，我們還可以對(duì)文字進(jìn)行一些樣式設(shè)置，例如設(shè)置背景色（background-color）、字體顏色（color）、字體大?。╢ont-size）、行高（line-height）、內(nèi)邊距（padding）等等，讓它更符合我們的需求。

總的來(lái)說(shuō)，利用CSS偽類可以輕松地實(shí)現(xiàn)在圖片底部顯示文字的效果，讓網(wǎng)頁(yè)更加豐富有趣。