CSS可以用來實現分段文字包圍圖片的效果。這種效果通常用于網頁設計中的排版，可以讓文章更加清晰易讀，也可以讓圖片與文字更加融合和互補。

實現這種效果需要使用CSS中的float屬性。將圖片設置為float:left或float:right，使其浮動在文本周圍。然后使用CSS中的clear屬性來清除浮動，以保證后面的內容不受影響。下面是一份示例代碼：

img{
float:left;
margin-right: 10px;
}
p{
text-align: justify;
}
.clear{
clear:both;
}

這段代碼中，我們首先設置了圖片的float屬性為left，并給它設置了一個margin-right來與正文保持一定間距。接下來，我們將段落的text-align屬性設置為justify，使得文字分散對齊。最后，我們創建了一個.clear類，并將其設置為清除浮動。

在 HTML 代碼中，我們只需要將圖片和段落包裹在一個容器中，并給這個容器添加一個清除浮動的元素即可。例如：

<div class="clearfix">
<img src="example.jpg"/>
<p>這里是一段文字，分成了多個段落。</p>
<p>這是第二個段落。</p>
<div class="clear"></div>
</div>

這里我們給容器添加了一個clearfix類來清除浮動。這個類通常定義為：

.clearfix::after{
content: "";
display: table;
clear: both;
}

這段代碼中，我們使用了after偽元素來清除浮動，并設置了其display屬性為table，避免了一些浮動和布局上的問題。

總結：通過使用CSS中的float屬性和clear屬性，我們可以很容易地實現分段文字包圍圖片的效果，使網頁排版更加美觀、清晰易讀。