CSS可以讓我們很容易地在網(wǎng)頁上實現(xiàn)圖片和文字的環(huán)繞效果。具體實現(xiàn)方法如下：

/* 圖片浮動 */
.image {
float: left; /* 圖片向左浮動 */
margin-right: 10px; /* 右邊距 */
}
/* 文字環(huán)繞 */
.text {
overflow: hidden; /* 防止文字覆蓋圖片 */
margin-left: 120px; /* 左邊距，要加上圖片的寬度和右邊距 */
}

以上代碼中，通過設(shè)置圖片的浮動和文字的左邊距，實現(xiàn)了圖片在左側(cè)，文字環(huán)繞在圖片右側(cè)的效果。

當然，如果需要圖片在右側(cè)，只需要將浮動設(shè)置為“right”，左邊距設(shè)置為負數(shù)即可。

值得注意的是，如果文字的高度超過了圖片的高度，在浮動的情況下，文字會遮擋圖片。解決方法通常是給圖片設(shè)置一個明確的高度，或者使用后面提到的“display:inline-block”屬性。

/* 設(shè)置圖片高度 */
.image {
float: left;
margin-right: 10px;
height: 100px; /* 明確設(shè)置圖片高度 */
}
/* 使用inline-block */
.image {
display: inline-block; /* 不浮動，但是和文字在同一行 */
margin-right: 10px;
height: 100px;
}

通過以上方法，我們可以在網(wǎng)頁中使用CSS實現(xiàn)出圖片和文字的環(huán)繞效果，使網(wǎng)頁內(nèi)容更加豐富生動。