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

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