使用CSS可以實現許多有趣的效果，比如將字體放在圖片下面。這種效果可以很好地展示圖片，同時也能讓字體看起來更加突出。接下來，我們來看一下怎樣實現這種效果。

img {
display: block;
margin: auto;
width: 50%;
}
p {
text-align: center;
font-size: 24px;
margin-top: -30px;
}

首先，我們需要將圖片設置為塊元素（display: block）并居中展示（margin: auto）。這樣可以保證圖片能夠居中顯示，并且在之后設置字體位置時能夠對其進行參考。

接下來，我們需要設置文字的樣式。首先，將文字居中對齊（text-align: center），這樣可以讓文字與圖片左右對齊。然后，設置字體大小（font-size: 24px），這個可以根據實際情況進行調整。最后，設置字體位置（margin-top: -30px）。這里我們將字體向上移動了30像素，這樣就可以將字體放在圖片下面了。

通過使用CSS，我們可以輕松地實現將字體放在圖片下面的效果。這種效果既簡單又美觀，非常適合使用在各種網站和移動應用中。現在，你已經掌握了這個技巧，趕快去試試吧！