在網(wǎng)頁設(shè)計(jì)中，使圖片與文本和諧搭配可以起到美觀、清晰的效果。CSS是一門強(qiáng)大的樣式語言，可以使我們輕松實(shí)現(xiàn)圖片右邊的設(shè)置。以下是設(shè)置圖片右邊的代碼樣例：

.img-right {
float: right; /*圖片右浮動(dòng)*/
margin-left: 20px; /*設(shè)置圖片與文本之間的距離*/
}

首先，我們需要給圖片加上一個(gè)類名，這里的類名為“img-right”。設(shè)置浮動(dòng)屬性可以使圖片向右側(cè)移動(dòng)，并與文本做對齊。而使用“margin-left”屬性可以設(shè)置圖片與文本之間的距離，可以根據(jù)需要進(jìn)行適當(dāng)調(diào)整。

需要注意的是，如果圖片不是在段落中的話，可能需要通過CSS的定位屬性進(jìn)行設(shè)置。另外，當(dāng)瀏覽器寬度不足時(shí)，需要對浮動(dòng)進(jìn)行清除，可以添加“clear”屬性，如下所示：

.wrapper {
overflow: hidden; /*清除浮動(dòng)*/
margin: 0 auto; /*居中顯示*/
width: 80%; /*設(shè)置寬度*/
}

在這個(gè)樣例中，我們使用了一個(gè)新的選擇器“.wrapper”，這是一個(gè)包含圖片和文本的容器，設(shè)置“overflow:hidden”的屬性可以清除浮動(dòng)，使容器自適應(yīng)高度。同時(shí)，我們還可以設(shè)置“margin”屬性來使容器居中顯示，達(dá)到更好的視覺效果。

綜上所述，通過簡單的CSS設(shè)置，我們就可以輕松實(shí)現(xiàn)圖片與文本的良好搭配效果。