CSS 可以使得文本環(huán)繞圖片，讓圖片和文本之間有一個優(yōu)美的視覺效果。

首先，在 HTML 中我們需要定義一個圖片標簽和段落標簽：

<img src="example.jpg" alt="example image" />
<p>這里是一段文本，我們想要將它與圖片環(huán)繞。</p>

接下來，在 CSS 中，我們需要為圖片和段落設(shè)置樣式，并定義它們的布局和位置。我們可以使用 CSS 屬性float來控制圖片和其它 HTML 元素的相對位置。具體來說，我們可以使用以下樣式代碼：

img {
float: left;
margin-right: 20px; /* 將圖片與文本分開一些，可以根據(jù)需要自行調(diào)整 */
}
p {
text-align: justify; /* 段落對齊方式 */
}

以上代碼使得圖片向左浮動，并且在右側(cè)留有一定的空白。段落則采用兩端對齊的方式。當文字與圖片堆積在一起的時候，文字將自動繞過圖片，形成一個美觀的環(huán)繞效果。

總之，CSS 提供了一種簡單而有效的方式，讓我們可以在網(wǎng)頁設(shè)計中優(yōu)雅地處理圖片和文本之間的關(guān)系，提升了網(wǎng)頁的美觀度和可讀性。