在網頁設計中，有時需要對文字進行一些特殊的排版。其中之一就是讓文字圍繞在圖片的四周，這種效果可以讓頁面更加生動且吸引人，下面介紹如何使用CSS實現文字圍繞圖片四周的效果。

img {
float: left;
margin: 0 10px 10px 0; /* 設置圖片浮動位置和與文字的間距 */
}
p {
text-align: justify; /* 使文字兩端對齊 */
}
p:after {
content: "";
display: table; 
clear: both; /* 清除浮動響應，防止影響其他元素 */
}

上述代碼中，通過設置圖片的浮動位置以及與文字的間距，使得文字能夠作為文本環繞圖片。同時，使用text-align: justify屬性實現文字兩端對齊的效果，讓排版更加美觀。最后，使用::after偽元素清除浮動，避免圖片對其他元素產生影響。

需要注意的是，這種文字圍繞圖片的效果僅適用于圖片寬度小于文本框寬度的情況，否則還需要通過一些特殊的排版方式來處理。