CSS是網頁設計中常用的一種樣式語言，它可以用來定義網頁元素的樣式，包括文字、邊框、背景、布局等。本文介紹一種常見的CSS技巧——圖片中間環繞。

圖片中間環繞的效果是指將一張圖片放在一個文本段落中，讓文本在圖片左右兩側流動，形成環繞效果。這種布局可以讓文章看起來更加美觀，增加閱讀體驗。

/*HTML結構*/
<div class="wrap">
<img src="image.jpg" alt="圖片">
<p>這里是文本內容，可以簡單介紹圖片的相關信息。</p>
</div>
/*CSS樣式*/
.wrap {
width: 600px;
margin: 0 auto;
}
img {
float: left;/*圖片左浮動*/
margin-right: 20px;/*設置圖片和文本之間的間距*/
margin-bottom: 20px;/*設置圖片和下一段文字之間的間距*/
}
p {
text-align: justify;/*文本兩端對齊*/
}

以上代碼實現了圖片中間環繞的基本效果。其中，float屬性用來設置圖片的浮動方向，可以取left或right；margin-right屬性用來設置圖片和文本之間的距離；margin-bottom屬性用來設置圖片和下一段文字之間的距離；text-align屬性用來設置文本的對齊方式，可以取left、right、center或justify。

需要注意的是，圖片中間環繞不宜過多使用，否則會影響整體布局。同時，為了保證網頁的顯示效果，應在設置圖片大小時保持一定的比例，避免出現圖片變形或模糊。

總之，圖片中間環繞是一種簡單易用的CSS技巧，可以讓網頁看起來更加美觀，提高閱讀體驗。