在網站開發中，圖片的格式通常有多種選擇。其中，使用CSS進行圖片格式環繞可以讓圖片與文字更好地結合起來，達到更好的視覺效果。以下是幾種常用的CSS圖片格式環繞。

1. float浮動

img{
float:left;
margin-right:20px;
}

以上代碼可以使圖片向左浮動，并且在右側留出20px的間距。如果想讓圖片向右浮動，只需要將float:left;修改為float:right;即可。

2. 柵格系統

.img-box{
display: grid;
grid-template-columns: 1fr 3fr;
grid-gap: 20px;
}
.img{
max-width: 100%;
height: auto; 
}

以上代碼可以使圖片在網格中布局，根據需要進行相應的比例分配。通過指定網格間距，可以使圖片與文字間隔適當。在代碼中，max-width: 100%;和height:auto;可保證圖片適應不同尺寸的網格布局。

3. position定位

.img-box{
position: relative;
display: inline-block;
}
.img{
position: absolute;
left: 0;
top: 0;
}

以上代碼可以使圖片和文字的布局更加自由。將圖片的父容器設置為相對定位，然后將圖片設置為絕對定位，可以讓圖片在容器中自由定位。通過自由的調整定位值，可以優化圖片與文字的間隔和重疊效果。

總結

以上是幾種常用的CSS圖片格式環繞。在實際開發中，可以根據需求進行選擇和調整，以達到最佳的視覺效果。