CSS中的背景圖片距離是設計中不可或缺的一部分。通過設置距離，我們可以使頁面元素更加美觀和易讀。下面，我們將介紹CSS中的背景圖片距離設置方法。
首先，可以通過設置"background-position"屬性來調整背景圖片的位置。這個屬性接受兩個值：水平方向和垂直方向的距離。例如： "background-position: 20px 10px;" 會將背景圖像移至水平方向20像素，垂直方向10像素的位置。
其次，可以使用“background-attachment”屬性來控制背景圖片的滾動。當屬性的值設置為“scroll”時，背景圖片將會跟隨元素滾動。當值設置為“fixed”時，背景圖片將會保持在屏幕固定不動。例如：“background-attachment: fixed;”。
同時，我們也可以使用“background-size”屬性來調整背景圖片的大小。該屬性接受兩個參數：第一個參數表示背景圖片的寬度，第二個參數表示背景圖片的高度。例如：“background-size: 100% auto”將圖片的寬度設置為容器的寬度，而高度則根據圖片的比例自適應。
最后，使用“background-repeat”屬性可以控制背景圖片是否重疊。默認情況下，背景圖片會在水平和垂直方向上都重復。如果想要取消重復，可以設置“no-repeat”；如果只想在水平方向上重復，則可以設置"repeat-x"；如果只想在垂直方向上重復，則可以設置"repeat-y"。
總之，CSS中背景圖片距離的設置是必不可少的調整頁面設計美觀性的方式。掌握這些方法可以讓你更好地實現你的設計。以下是一些例子：

p {
background-image: url("../images/background.jpg");
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
background-attachment: fixed;
}