在網頁設計中，有時需要設置文字圍繞圖片的效果，這種效果可以通過CSS實現。下面我們來詳細介紹一下實現方法。

img {
float: left;
margin-right: 10px;
}
p {
text-indent: 2em;
}

首先，我們可以使用浮動（float）屬性將圖片向左或向右浮動，使文字可以圍繞它。

例如，我們可以設置圖片的float為left：

img {
float: left;
}

這樣圖片就會向左浮動，這時候文字就會緊密地圍繞在圖片周圍。

接下來，我們可以使用margin屬性來調整圖片與圍繞它的文字的間距。例如，我們可以設置圖片右側的margin為10px：

img {
float: left;
margin-right: 10px;
}

這樣就會在圖片右側留出10px的空白區域，讓文字與圖片之間有一定間距。

最后，我們可以使用text-indent屬性來調整文字的縮進，讓它看起來更美觀。例如，我們可以設置文字的縮進為2em：

p {
text-indent: 2em;
}

這樣就會讓文字在圖片的左側縮進2個字母的寬度，避免文字與圖片重疊，同時也讓排版更整齊美觀。

通過以上的 CSS 屬性設置，我們就可以實現文字圍繞圖片的效果了。嘗試使用這些屬性設置吧，相信你會得到一份更好的設計效果。