在網頁設計中，圖片是一個很重要的元素，但有時候不僅要讓圖片顯示出來，還要讓文字圍繞圖片排列。那么，如何使用CSS實現這樣的效果呢？

這是一段文字，將環繞在圖片周圍。首先需要定義一個父容器，將圖片和文字包含在其中。我們可以為這個容器定義一個類名，例如wrapper。

接下來，我們需要對這個容器進行樣式設置，以實現讓文字環繞在圖片周圍的效果。具體的實現步驟如下：

.wrapper {
width: 500px;
margin: 20px auto;
text-align: justify;
font-size: 16px;
line-height: 1.5;
}
.wrapper img {
float: right;
margin: 0 0 20px 20px;
width: 200px;
height: 200px;
shape-outside: url(example.jpg);
shape-margin: 20px;
}

上述代碼對于.wrapper類和其中的img標簽進行分別操作，分別設置它們的樣式屬性。其中，我們使用了float屬性，將圖片設置為右浮動，讓文字可以在左側環繞。同時，給圖片設置了一個邊距，以保證文字和圖片之間的間距。然后，我們還對圖片使用了CSS的shape-outside屬性，可以讓文字排列在圖片周圍，可以根據需要設置為url()或者其他參數。最后，我們用shape-margin屬性設置圖片周圍的間距為20px，讓文字和圖片在視覺效果上更加美觀。

總的來說，實現讓文字圍繞圖片排列需要使用到 CSS 的多種樣式屬性，如float、text-align、shape-outside等等，要想實現好這個效果還需要進行細致的一步步調整。這種效果在網頁設計中是很常見的，掌握這個技能可以讓我們更好地進行創作。