CSS中，我們可以使用background-image屬性來為元素設(shè)置背景圖像。這在美化網(wǎng)頁中非常常見。不過，在某些情況下，我們希望圖片能夠放置在文字下面，以增強(qiáng)頁面的可讀性和視覺效果。

實(shí)現(xiàn)這一效果，我們可以使用以下CSS樣式：

p {
position: relative;    /* 使p元素成為定位元素 */
}
p::before {
content: '';    /* 必須設(shè)置 */
position: absolute;    /* 使偽元素相對于p元素進(jìn)行定位 */
top: 100%;    /* 將偽元素置于p元素的下方 */
left: 0;
width: 100%;    /* 設(shè)置偽元素的寬度和高度 */
height: 200px;
background-image: url('example.png');
background-repeat: no-repeat;
background-size: contain;    /* 設(shè)置背景圖片的大小 */
}

上述代碼中，我們使用了CSS偽元素::before為p元素添加了一個(gè)背景圖片，并將其置于p元素下方。

需要注意的是，偽元素必須設(shè)置content屬性，否則它將無法顯示。

此外，我們還需要使用position: relative;將p元素設(shè)置為定位元素，以便偽元素能夠相對于它進(jìn)行定位。

一般來說，我們還可以通過微調(diào)top屬性來調(diào)整圖片與文字的距離，以達(dá)到最佳效果。