CSS（層疊樣式表）是一種用于網頁設計的樣式表語言。通過CSS，我們可以控制文本、圖像等元素的樣式和布局。其中，圖文環繞是一種常見的布局方式，本文將介紹如何使用CSS實現圖文環繞。

首先，我們需要在HTML中添加圖片和文字內容。為了方便演示，我們使用以下代碼：

<div class="wrapper">
<img src="image.jpg">
<p>這是一段文字內容，用于演示CSS樣式中的圖文環繞效果。</p>
</div>

以上代碼中，我們使用了一個名為“wrapper”的div容器，其中包含了一張圖片和一段段落內容。

接下來，我們需要為圖片和段落內容添加CSS樣式。具體來說，我們需要設置圖片的浮動方式和段落內容的外邊距。代碼如下所示：

.wrapper img {
float: left;
margin-right: 1em;
}
.wrapper p {
margin-left: 100px;
}

以上代碼中，我們使用了“.”選擇器來指定“wrapper”容器中的圖片和段落內容。對于圖片，我們使用了“float: left;”來設置它的浮動方式為向左浮動，這樣段落內容就可以環繞在圖片周圍。對于段落內容，我們使用了“margin-left: 100px;”來設置它的左外邊距為100像素，以與圖片保持一定距離。

最終效果如下圖所示：

這是一段文字內容，用于演示CSS樣式中的圖文環繞效果。這是一段文字內容，用于演示CSS樣式中的圖文環繞效果。這是一段文字內容，用于演示CSS樣式中的圖文環繞效果。

以上是使用CSS實現圖文環繞的方法。當然，實際應用中可能還需要根據具體需求進行調整。但是，基本的思路和方法是相通的，希望本文能對你有所幫助。