CSS中的背景圖片是一種常見的樣式屬性，可以為網頁添加生動的視覺效果。但是，在將背景圖片應用于文字旁邊時，需要特別注意一些問題。

/* 示例代碼 */
.example {
background-image: url("bg.jpg");
background-position: right center;
background-repeat: no-repeat;
padding-right: 50px;
}

首先要注意CSS中的背景圖片不會改變文本流中的位置，即文字不會自動將背景圖片頂開或留出空白。因此，如果你想讓文字與圖片不重疊，需要使用padding或margin屬性來設置間距。

其次，要注意背景圖片的重復方式。默認情況下，背景圖片會平鋪整個元素區域，這可能會導致在文字旁邊出現大片重復的圖片。為了避免這種情況，可以設置background-repeat屬性為no-repeat，表示不重復背景圖片。

還要注意背景圖片的位置。一般來說，在文字旁邊使用背景圖片時，最好將圖片放在元素的右側或左側，而不是上下方向。這樣可以大大減少文字和圖片重疊的可能性。

綜上所述，如果要在CSS中使用背景圖片來裝飾文字旁邊，需要關注以下幾個方面：

• 設置適當的間距，避免文字和圖片重疊；
• 設置背景圖片不重復，避免出現大片重復圖片；
• 注意圖片位置，一般在左側或右側。

通過這些小技巧，我們可以輕松地為網頁添加生動有趣的背景圖片，并讓文字和圖片完美搭配。