今天我們來了解一下CSS怎樣讓文字環繞圖片。 首先，我們需要在HTML中插入一張圖片并進行命名。下面是示例代碼：

<img src="example.jpg" alt="Example Image" class="example-image">

接下來，我們需要使用CSS來讓文字環繞圖片。我們可以使用"float"屬性來實現這個效果。"float"屬性可以將一個元素浮動到其父元素中。下面是示例代碼：

.example-image {
float: left;
margin: 10px;
}

在這個例子中，我們將圖片向左浮動，并加上一個10像素的邊距。這些設置將可讓文字環繞圖片。 你也可以使用"clear"屬性來防止其他元素被浮動元素覆蓋。下面是示例代碼：

p {
clear: left;
}

在這個例子中，我們告訴瀏覽器我們希望p元素在已浮動的元素下面顯示。這樣，文字就會環繞在圖片周圍，而不會被圖片覆蓋。 通過使用這些簡單的CSS樣式，我們可以輕松地讓文字環繞圖片。了解這個技巧非常有用，因為它可以讓你在設計網站時更好地控制布局。