CSS是前端開發中不可或缺的一部分，它可以為網頁添加各種樣式、布局和動態效果。在這篇文章中，我們將重點講述如何使用CSS設置文字環繞圖片的效果。

p {
margin: 0 0 1em 0;
text-indent: 1em;
line-height: 1.5;
}
img {
float: left;
margin: 0 1em 1em 0;
}

首先，我們需要使用浮動屬性（float）使圖片左或右移并脫離文本流。例如，我們將圖片設置為左浮動（float: left），則文本將圍繞著圖片自動環繞。

其次，為了保證排版的美觀，我們需要使用margin屬性來設置圖片四周的外邊距。在這里，我們設置了圖片的右外邊距為1em，下外邊距為1em，即圖片下方留有1em的空白。

最后，為了讓整段文本與圖片的排版更加協調，我們需要對段落應用margin、text-indent和line-height屬性來進行微調。在這里，我們設置段落與圖片的距離為1em，縮進1em，并且行高為1.5。

使用CSS實現文字環繞圖片并不難，只需要使用相關的屬性以及一些微調。但是要注意，使用浮動時一定要慎重，避免影響其他元素的布局。另外，還可以通過使用絕對定位等方法實現文字環繞圖片的效果，但這需要進一步的CSS知識和技巧。