在網站設計中，文字和圖片的結合是非常常見的，經常會看到一些文字出現在圖片上面。那么，如何在圖片上打字呢？這里我們介紹一下CSS的做法。 首先，需要在HTML中加入一張圖片，比如以下這張圖片：

<img src="pic.png" alt="圖片">

接著，我們在HTML中寫入一段文字：

<p>這是圖片上的文字</p>

接下來，我們就要使用CSS來將文字放置在圖片上面。具體做法如下：

<pre>img {
position: relative;
}
p {
position: absolute;
top: 50px;
left: 50px;
z-index: 1;
}</pre>

首先，我們給圖片設置了“position:relative”的屬性，這樣我們才能在圖片上設置文字的絕對位置。然后，我們給文字設置了“position:absolute”的屬性，這樣文字就可以相對于圖片來定位。接著，我們使用“top”和“left”屬性來設置文字在圖片上的具體位置，最后，我們使用“z-index”屬性來設置文字的層級，確保它在圖片上方。 這樣，我們就可以輕松地在圖片上打字了。此外，還可以通過調整文字的顏色、字體、大小等屬性來達到更好的效果，讓頁面看起來更加美觀、舒適。