在網(wǎng)頁設(shè)計中，有時候我們希望在一張圖片上面寫上文字，以便更好地展示信息。這時候，我們可以使用CSS來實現(xiàn)這個效果。

<div class="pic">
<img src="example.jpg" alt="示例圖片">
<div class="text">這是一段文字</div>
</div>

這段代碼中，我們首先創(chuàng)建了一個包含圖片和文本的div容器，并給容器設(shè)置了position: relative。這是為了讓我們后面設(shè)置的文本能夠定位在容器內(nèi)。

接著，我們在div容器內(nèi)分別放置了img標簽和一個包含文本的div，這里的文本可以根據(jù)需要自行更改。

最后，在CSS中，我們?yōu)槲谋驹O(shè)置了position: absolute，并利用top、left和transform屬性將文本居中定位在圖片上。其中，使用了transform: translate(-50%, -50%)的方法，是為了讓文本以自身中心點為基準定位，更加準確地居中。

使用這種方法，我們可以方便地在圖片上加載文字，讓網(wǎng)頁設(shè)計更加豐富多彩。