CSS怎樣讓文字環繞
在網頁設計中，有時我們希望讓文字圍繞著某個元素，如圖片或圖標，這時我們就需要使用CSS來實現文字環繞效果。
1. 通過float屬性實現文字環繞效果
float屬性可以將一個元素左對齊或右對齊，同時也會讓其它元素圍繞它排列。
例如，我們想要讓文字圍繞著一張圖片，可以先將圖片設為左浮動，再將文字區域設為右浮動，如下所示：

<div class="float">
<img src="myimage.jpg" alt="My Image">
<p>這是一段文字</p>
</div>
.float img {
float: left;
margin-right: 10px;
}
.float p {
float: right;
}

此時，文字就會環繞著圖片排列。
2. 使用shape-outside屬性實現文字環繞效果
shape-outside屬性可以指定一個形狀，讓文字環繞在形狀的周圍排列。
例如，我們想要讓文字圍繞著一個圓形，可以設置圓形的CSS樣式，并將shape-outside屬性設置為circle，如下所示：

<div class="circle">
<p>這是一段文字</p>
</div>
.circle {
width: 200px;
height: 200px;
border-radius: 50%;
float: left;
margin-right: 10px;
shape-outside: circle();
}

此時，文字就會環繞在圓形的周圍排列。
以上就是CSS實現文字環繞效果的兩種方法，希望對大家有所幫助。