CSS是網頁制作中必不可少的技術，它可以實現圖文并排、環繞等效果，讓網頁看起來更加美觀。那么在下文中，我們將介紹如何使用CSS實現圖文環繞效果。

首先，我們需要給需要環繞的圖片設置一個CSS樣式。以下是我們常用的CSS樣式代碼。

.img-wrap {
float: left; /*圖片左浮動*/
margin-right: 20px; /*設置圖片與文本之間的間距*/
}

接下來，我們需要給文本內容也設置一個CSS樣式來讓它環繞圖片。以下是我們常用的CSS樣式代碼。

.text-wrap {
overflow: hidden; /*隱藏多余的文本*/
margin-left: 120px; /*設置與圖片間的間距*/
}

接下來，我們看一下下面這個HTML代碼片段，它是如何使用我們上述CSS樣式來實現圖文環繞效果的。

<div class="img-wrap">
<img src="path/to/image">
</div>
<div class="text-wrap">
<p>這里是具體的文本內容</p>
</div>

通過上述代碼片段，我們可以看到圖片通過CSS樣式設置了左浮動，而文本則通過CSS樣式設置了一個左邊距，從而達到了使文字環繞圖片的效果。

另外，如果需要實現文字環繞在圖片的上方或下方，只需將圖片使用position:absolute;定位即可實現。

綜上所述，我們可以通過這些簡單的CSS樣式實現圖文環繞效果，讓網頁看起來更加美觀。