使用p標(biāo)簽，我們可以輕松地讓文字和圖片結(jié)合起來。但是，如果我們想要達(dá)到更加出色的外觀效果，我們需要使用CSS來讓文字圍繞圖片。 首先，我們需要在HTML中添加一個img標(biāo)簽，并設(shè)置其樣式。

<img src="image.jpg" alt="圖片" style="float:right; margin:10px;">

在這里，我們使用了float:right來讓圖片靠右對齊，同時使用了margin:10px來為圖片添加10像素的邊距。這將使得文字可以圍繞圖片。 接下來，我們需要為文字添加樣式，使其能夠圍繞圖片。我們可以使用CSS的shape-outside屬性來做到這一點(diǎn)。

p {
shape-outside: url(image.jpg); /* 圖片路徑 */
float: left; /* 文字左浮動 */
}

在這里，我們使用了shape-outside屬性來將文字形狀與圖片相匹配，同時使用float:left將文字左浮動，以允許它圍繞圖片。 最后，我們需要為文本塊添加一些空間，使其完全覆蓋圖片并避免任何重疊。

.text-block {
clear: both; /* 清除float屬性 */
padding: 10px; /* 添加空間的邊距 */
}

在這里，我們使用了clear:both來清除float屬性，并使用padding:10px為文本塊添加邊距。這將使得文本塊完全覆蓋圖片，并避免任何重疊。 在以上所有步驟完成之后，我們已經(jīng)成功地實(shí)現(xiàn)了讓文字圍繞圖片。現(xiàn)在，您可以隨意調(diào)整圖片和文本的位置，并使用不同的樣式來獲得所需的效果。