CSS中有一個(gè)非常有用的技能，就是可以在圖片上添加文字。這種技能可以為網(wǎng)站的視覺(jué)效果帶來(lái)很大的提升，幫助用戶更好地理解圖片的內(nèi)容。

下面是一個(gè)簡(jiǎn)單的示例，展示了如何在圖片上添加文字。

<div class="image-container">
<img src="example.jpg" alt="Example">
<div class="image-caption">This is an example image</div>
</div>
.image-container {
position: relative;
}
.image-caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0,0,0,0.5);
color: #fff;
padding: 10px;
text-align: center;
}

在上面的示例中，我們使用了一個(gè)容器div來(lái)包裹圖片和文字。然后，我們使用CSS的position屬性來(lái)將文字固定在圖片的底部。我們還使用了背景色和文本顏色來(lái)確保文字易于閱讀。

當(dāng)然，在實(shí)際項(xiàng)目中，你可以根據(jù)具體的需求來(lái)自定義容器的樣式和文字的樣式。不過(guò)核心的技術(shù)就是通過(guò)position屬性將文字定位在圖片上。

最后，需要注意的是，添加文字時(shí)要考慮圖片的版權(quán)問(wèn)題，遵守相關(guān)法律規(guī)定。