CSS3 提供了許多新的特性，其中之一就是文字環(huán)繞功能，通過 CSS3 中的shape-outside屬性，我們可以輕松實現(xiàn)文字環(huán)繞效果。

使用文字環(huán)繞功能，需要先確定文字要環(huán)繞的形狀。目前，CSS 支持基本形狀、圖片和 SVG 圖形。下面是一個使用基本形狀實現(xiàn)文字環(huán)繞的例子：

.text {
shape-outside: circle(100px at 200px 200px);
}

上面的代碼使用了一個圓形形狀，半徑為 100 像素，圓心坐標為 (200px, 200px)。注意，這里使用的是相對于文檔視口的坐標。

實現(xiàn)文字環(huán)繞后，還需要將文字放在正確的位置。CSS3 提供了float屬性和clear屬性來實現(xiàn)排版布局。

.text {
float: left;
}
.clear {
clear: both;
}

上面的代碼將要環(huán)繞的文字設置為浮動元素，并在需要清除浮動時使用了clear屬性。

除了基本形狀，我們還可以使用圖片或 SVG 圖形作為文字環(huán)繞的形狀。下面是一個使用圖片作為形狀的例子：

.text {
shape-outside: url(path/to/image);
}

上面的代碼使用了一個圖片作為文字環(huán)繞的形狀。需要注意的是，圖片載入后需要具有正確的尺寸信息。

總的來說，CSS3 的文字環(huán)繞功能可以讓我們更好地控制排版布局，使頁面呈現(xiàn)更加精美的效果。