CSS是一種用于控制網頁樣式和布局的語言。在CSS中，我們可以使用背景圖片來為元素增加視覺效果，比如在網頁的header或footer中使用背景圖片。在使用背景圖片時，我們需要設置它的長度，即width和height。下面我們來看一下如何設置長度。

.header {
background-image: url("header-bg.jpg");
height: 100px;  //設置高度為100像素
width: 100%;    //設置寬度為100%，即占滿整個容器
}

在這個例子中，我們將一個背景圖片設置在.header元素中。我們將高度設置為100像素，寬度設置為100%。這樣，無論在任何分辨率下，都能夠占滿整個容器。

當然，我們也可以只設置寬度或只設置高度。比如，我們想要在一個按鈕上添加一個背景圖片，可以這樣做：

.button {
background-image: url("btn-bg.jpg");
width: 100px;   //設置寬度為100像素
height: 50px;   //設置高度為50像素
}

在這個例子中，我們只設置了寬度和高度，用來適應按鈕的尺寸。

需要注意的是，如果我們只設置其中一個長度，背景圖片會被拉伸或壓縮以適應另一個長度。如果我們不想讓圖片失真，可以使用background-size屬性來調整其大小。

.header {
background-image: url("header-bg.jpg");
height: 100px;  
width: 100%;   
background-size: cover;  //將背景圖片等比例縮放以覆蓋整個元素
}

在這個例子中，我們設置了background-size為cover。這意味著背景圖片會被等比例縮放，以盡可能大地覆蓋整個.header元素。

總的來說，對于CSS背景圖片長度，我們需要根據實際需要來設置它的寬度和高度，同時保證圖片的不失真。