在CSS中，我們可以使用背景圖來美化我們的網頁。但是，有些背景圖可能會出現過于密集或過于稀疏的情況。這時候，我們可以通過設置背景圖的重復和間隔距離來解決這個問題。

首先，我們需要使用background-image屬性來指定我們要使用的背景圖。接著，我們可以使用background-repeat屬性來設置背景圖的重復方式，其可選的值包括：

background-repeat: repeat; /* 默認值，水平和垂直方向都重復 */
background-repeat: repeat-x; /* 只在水平方向重復 */
background-repeat: repeat-y; /* 只在垂直方向重復 */
background-repeat: no-repeat; /* 不重復 */

如果我們想要讓背景圖之間的間隔距離更大，可以使用background-size屬性，它可以設置背景圖的大小。我們可以指定一個長度值或一個百分比值。例如，我們可以使用以下代碼來設置背景圖的大小，并且讓背景圖之間有一定的間隔距離：

background-image: url("bg.jpg");
background-repeat: repeat;
background-size: 100px 100px;

這樣，我們就會得到一個每個小正方形邊長為100px的背景圖，在水平和垂直方向上都會重復，并且之間有一定的間隔距離。

總的來說，使用CSS設置背景圖的重復和間隔距離，可以讓我們更好地掌控頁面的視覺效果，讓頁面更加美觀。