使用CSS在圖片中間寫文字是一種非常簡單的技巧。只需要在樣式表中添加一些樣式代碼，就可以將文字居中顯示在圖片上。 我們可以使用CSS的position屬性來實現這個效果。首先，我們需要將圖片的位置設置為相對定位，然后將文字的位置設置為絕對定位，并將其居中。 下面是一個示例代碼：

img {
position: relative;
}
p {
position: absolute;
top: 50%; /* 將文字向上移動50%的距離 */
left: 50%; /* 將文字向左移動50%的距離 */
transform: translate(-50%, -50%); /* 將文字向上、向左移動自身寬度和高度的一半 */
}

在上面的代碼中，我們首先將圖片的位置設置為相對定位。這是必須的，因為我們需要將文字相對于圖片來定位。 然后我們設置了p元素的位置屬性。我們將它的位置設置為絕對定位，并將它的上邊緣和左邊緣移動到圖片的中心。 最后，我們使用CSS3的transform屬性來確保文字總是居中。我們將其向上、向左移動自身寬度和高度的一半，以確保在不同大小的圖片上都居中顯示。 在實際使用中，你可以將這些樣式代碼應用到你的網站上任何需要在圖片上方顯示文本的地方。不過，你需要稍微調整一下代碼來讓它完全符合你的需求。 總的來說，使用CSS在圖片中間寫文字是一種非常簡單且有效的技巧，可以幫助你更好地展示你的網站。