CSS 是一門(mén)強(qiáng)大的 Web 技術(shù)，可以很方便地實(shí)現(xiàn)圖片上加字。下面是一個(gè)簡(jiǎn)單的例子：

<div class="container">
<img src="example.png" class="image" alt="Example">
<div class="overlay">這是圖片上的文字</div>
</div>

在上面的代碼中，我們首先創(chuàng)建了一個(gè)父容器（使用position: relative），然后在其中插入了一張圖片。接著，我們創(chuàng)建了另一個(gè) div，這是用來(lái)放置我們想要添加的文字的。我們?cè)O(shè)置這個(gè) div 的背景顏色為半透明的黑色，并設(shè)置文字的顏色和字體大小。最后，我們?cè)?CSS 中使用絕對(duì)定位（使用position: absolute）把文字居中顯示在圖片上。

如果您想在圖片上添加多個(gè)文字，只需要再添加一個(gè) div，然后為它設(shè)置不同的樣式即可。

總之，使用 CSS 添加圖片上的文字非常容易，只需要幾行代碼就能實(shí)現(xiàn)。試著在自己的網(wǎng)站上添加一些文字，讓您的頁(yè)面更加生動(dòng)有趣吧！