在網頁設計中，圖片是一個重要的部分，而 CSS 中提供的文本環繞圖片的功能也使得頁面的視覺效果更加美觀。通過使用 CSS 的文本環繞圖片功能，可以讓文本和圖片之間的銜接更加自然和流暢。

img{
float:left;
margin:0 20px 20px 0;
}
p{
text-align:justify;
}

在上面的示例中，我們使用了 float 屬性為圖片設置了左浮動的效果，并使用 margin 屬性設置了圖片與文本的間距。而在 p 標簽中，我們使用了 text-align 屬性將文本對齊方式設置為兩邊對齊，這樣就可以達到文本在圖片周圍環繞的效果了。

當然，在實際使用中，我們還可以對圖片的位置、大小、對齊方式進行更加詳細的調整，從而達到最佳的視覺效果。

總之，通過使用 CSS 中的文本環繞圖片功能，可以為頁面帶來更加生動、自然的視覺效果，為用戶提供更好的閱讀體驗。