在網頁設計中，有一個常見的需求就是讓文字環繞在圖片周圍，以增加頁面的美觀度和信息傳遞的效果。這個需求可以通過CSS樣式來實現。

/*讓圖片浮動*/
img{
float:left;
margin-right: 20px;
margin-bottom: 20px;
}
/*讓文字環繞圖片*/
p{
text-align: justify;
}

上述代碼中，我們將圖片設為左浮動，其余部分使用文本對齊的方式進行調整，使得文本能夠自動根據圖片的尺寸和位置來調整頁面的布局。如果要讓文字環繞在圖片的另一側，則需要將浮動方式改為float:right;即可。

當然，如果圖文混排的方式比較復雜，我們也可以使用輕量級的布局框架，如Bootstrap、Foundation等來完成相應的操作。不過需要注意的是，在使用框架的時候，我們需要了解框架的邏輯和屬性設置方法，才能更好地處理圖文混排的問題。

總的來說，CSS樣式讓文字環繞圖片成為了一件非常簡單的事情，只需要幾行代碼的調整就能實現。在實際的工作中，我們需要根據具體的需求和頁面布局的要求來進行調整，以便讓頁面更加美觀和實用。