CSS+圖繞文字是一種常用的網頁排版效果，它將圖片按照字體形狀排列，達到與文本融合的視覺效果。以下是代碼實現方法：

.wrap{
position: relative;
}
img{
position: absolute;
left: 0;
top: 0;
z-index: -1;
-webkit-shape-outside: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
p{
margin: 20px 0;
font-size: 18px;
line-height: 1.5;
text-align: justify;
}

上述代碼以.wrap包裹文本和圖片，使其成為定位父級元素。接著，設置圖片的position為absolute，并將其放置在左上角。z-index設置為-1將圖片置于底層，使文本能夠覆蓋其上方。

利用-webkit-shape-outside屬性，將圖片剪裁成與文本區域相匹配的形狀。這里使用polygon命令，設定四個頂點的坐標值，并用逗號分隔。

最后，設置文本樣式，包括字體大小、行高和對齊方式。這里使用text-align: justify實現兩端對齊的效果。

通過以上CSS代碼，實現了圖片與文本的排版效果，增強了網頁的視覺效果和美觀度。