在網頁設計中，文本繞圖是非常重要的一部分，可以讓頁面排版更加美觀，讓文字和圖片穿插在一起，使得頁面更加有層次感。在css3中，我們可以使用一些屬性來實現文本繞圖的效果。

img{
float: left;//將圖片向左浮動
shape-outside: circle(50%);//將圖片剪裁成圓形
margin: 30px;//給圖片外面添加一些空白區域
}
p{
margin: 0 0 20px 0;
text-align: justify;//將段落文本兩端對齊
line-height: 1.5;
}

通過上面這段代碼，我們可以看到，我們將圖片向左浮動，并且使用了shape-outside屬性將圖片剪裁成了圓形，然后給圖片外面添加了一些空白區域，讓文字不與圖片重疊。同時，我們對段落也進行了一些設置，使用text-align: justify讓文本兩端對齊，line-height: 1.5 讓行距更加合適。

通過css3的文本繞圖效果，我們可以在網頁排版中更加靈活地使用圖片，讓頁面更加精美、有趣。