CSS3文字包圍是CSS3中的一項新特性。它能夠讓文字環(huán)繞在圖像或其他HTML元素周圍。這項特性是在CSS2中的float屬性基礎(chǔ)上擴展而成。

使用CSS3文字包圍可以為網(wǎng)頁增加更多的設(shè)計效果。比如可以讓文字環(huán)繞在圖片周圍，形成非常漂亮的布局效果。使用CSS3文字包圍最基本的方法是給需要環(huán)繞的元素添加float屬性。比如：

img{
float: left;
}

上面的代碼可以讓圖片左浮動，文字就會環(huán)繞在圖片周圍。當(dāng)然，如果想讓文字環(huán)繞在圖片的右邊，只需要將float屬性改為右浮動即可。

除了float屬性，還可以使用shape-outside屬性來控制文字的包圍形狀。shape-outside屬性可以讓文字環(huán)繞在任何形狀的元素周圍。比如可以創(chuàng)建一個圓形的div元素，然后使用shape-outside屬性讓文字環(huán)繞在這個圓形元素周圍。代碼如下：

div{
width: 200px;
height: 200px;
border-radius: 100px;
shape-outside: circle();
float: left;
}

上面的代碼可以創(chuàng)建一個寬高都為200px的圓形div元素，使用border-radius屬性讓元素變成圓形，然后使用shape-outside屬性將文字環(huán)繞在這個圓形元素周圍。

總之，CSS3文字包圍是CSS3中非常有用的一個特性。它可以為網(wǎng)頁的設(shè)計增加更多的靈活性和創(chuàng)造性。如果想要更深入地學(xué)習(xí)這個特性，可以查閱更多相關(guān)的資料。