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

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

首先，我們需要將圖片設(shè)置為塊元素（display: block）并居中展示（margin: auto）。這樣可以保證圖片能夠居中顯示，并且在之后設(shè)置字體位置時(shí)能夠?qū)ζ溥M(jìn)行參考。

接下來(lái)，我們需要設(shè)置文字的樣式。首先，將文字居中對(duì)齊（text-align: center），這樣可以讓文字與圖片左右對(duì)齊。然后，設(shè)置字體大小（font-size: 24px），這個(gè)可以根據(jù)實(shí)際情況進(jìn)行調(diào)整。最后，設(shè)置字體位置（margin-top: -30px）。這里我們將字體向上移動(dòng)了30像素，這樣就可以將字體放在圖片下面了。

通過(guò)使用CSS，我們可以輕松地實(shí)現(xiàn)將字體放在圖片下面的效果。這種效果既簡(jiǎn)單又美觀，非常適合使用在各種網(wǎng)站和移動(dòng)應(yīng)用中。現(xiàn)在，你已經(jīng)掌握了這個(gè)技巧，趕快去試試吧！