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

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

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

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

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

在這個(gè)例子中，我們只設(shè)置了寬度和高度，用來適應(yīng)按鈕的尺寸。

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

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

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

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