在網頁設計中，使用CSS可以為網頁設置背景圖。然而，很多時候我們需要讓背景圖與網頁元素之間保持一定的距離，比如讓背景圖距離頁面右側一定的距離。下面就介紹兩種方法實現這個效果。

使用background-position屬性

background-image: url("example.jpg");
background-position: right 20px;
background-repeat: no-repeat;

通過設置background-position屬性，可以將背景圖從右側往左移動20個像素的距離。如果要調整背景圖與其他方向的距離，可以把right改為left、top或bottom并調整數字即可。

使用padding屬性

background-image: url("example.jpg");
background-repeat: no-repeat;
padding-right: 20px;

這種方法是通過給網頁元素添加padding屬性來實現背景圖與右側的距離。具體做法是給元素添加padding-right屬性并設置相應的數值，這樣背景圖就會被推到右側。同樣，如果需要調整與其他方向的距離，可以將padding-right改為padding-left、padding-top或padding-bottom，并設置相應的數值。

總的來說，以上兩種方法均可以實現背景圖距離網頁右側一定的距離?？梢愿鶕唧w需求選擇適合的方法，讓網頁設計更加完美。