CSS圖標環繞顯示是一種常用的網頁設計技術，可以使得頁面內容更加生動鮮明。該技術通過使用CSS定位和絕對定位的方式來實現，將圖片或圖標嵌入到文字中，從而達到環繞的效果。

.icon{
position: absolute;
left: -20px;
top: 0;
}
.environment{
position: relative;
padding-left: 30px;
}
.environment:before{
content: "";
position: absolute;
left: 0;
top: 4px;
width: 24px;
height: 24px;
background-image: url("icon.png");
background-repeat: no-repeat;
background-position: center;
background-color: #fff;
border-radius: 50%;
z-index: 2;
}

如上面的代碼所示，如果想要讓圖標環繞在文字的左側，需要使用絕對定位并設置left屬性為負值，同時在文字的容器中使用相對定位。此外，為了使得圖標更加美觀，可以設置一個白色的背景并將其設置為圓形。可以看出，CSS圖標環繞顯示的實現并不復雜，只需要一些基本的CSS知識即可。