CSS是一種用來美化網頁的語言，其功能非常強大。其中，可以將圖片放在文字上方，以豐富網頁的視覺效果。這篇文章將為大家介紹如何使用CSS將圖片放在文字上方。

img {
position: absolute; // 設置圖片為絕對定位
top: 0; // 圖片頂部和文字頂部對齊
left: 0; // 圖片左邊和文字左邊對齊
}
p {
position: relative; // 設置文字為相對定位
padding-top: 50px; // 文字頂部留出圖片的高度
}

上面的代碼中，我們將圖片的定位設置為絕對定位，讓其脫離文檔流，然后通過top和left屬性將其放在文字上方。同時，將文字的定位設置為相對定位，讓其相對于圖片的位置進行調整。通過padding-top屬性，讓文字頂部留出圖片的高度，以免圖片遮擋住文字。

此時，我們只需要在HTML中將圖片和文字放在同一個父容器中，就能實現這種效果：

這是要顯示在圖片上方的文字。

如上所示，只需在同一div中放置圖片和文字，就可以輕松實現圖片在文字上方的效果。注意，需要將div的position設置為relative，以確保子元素的定位相對于自己而非瀏覽器。