CSS是現在網頁設計中不可或缺的一門技術，它可以控制網頁的樣式。但是有一個很重要的問題需要我們注意，那就是CSS能夠在圖片上打字嗎？

img {
position: relative;
}
.text-on-image {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

實際上，我們可以用CSS在圖片上打字。但是這需要我們使用一些CSS的技巧，例如使用position屬性來確定文本內容的位置。我們可以將圖片的position屬性設置為relative，這樣就可以讓圖片和文本一起在一個相對的位置上。

接下來，我們需要用position屬性創建一個在圖片上方的文本框。因為文本框是在圖片上的，所以我們需要使用絕對位置來控制文本框的位置，而不是在文檔流中。

使用top，left和transform屬性來調整文本框的位置，將其位置調整到圖片的中央。這樣，我們就可以在圖片上添加文本，這對于設計師和開發人員來說是非常有趣的。

總之，我們可以用CSS在圖片上打字，我們需要制定一個坐標系然后再設定文本內容的位置。這樣可以讓文本內容和圖片配合得更好，達到更加優美的設計效果。