CSS作為前端開發的重要一環，常常用于控制網頁樣式。其中，背景色是常用的樣式之一，通過CSS樣式表可以輕松地將網頁的背景顏色設定為不同的顏色，以滿足網頁設計的需求。而背景色也可以設置長度，接下來我們將詳細介紹CSS背景色長度的相關內容。

/* 設置背景色 */
body {
background-color: #f5f5f5;
}
/* 設置背景長度 */
#box {
background-size: 100px 100px;
background-repeat: repeat;
}

在CSS中，可以使用background-size屬性來設置背景長度。其中，可以設置2個值，第一個值是寬度，第二個值是高度。在使用時，我們可以使用單位表示長度，比如像素（px）、百分比（%）、em、rem等單位。下面是一個示例代碼：

#box {
background-size: 50% 100%;
}

在上述代碼中，我們對id為box的元素設置了背景長度。它的寬度是父元素寬度的50%，高度是父元素高度的100%。這里需要注意的是，如果只設置一個值，那么它會自動把第二個值設定為auto。

此外，我們還可以使用background-repeat屬性來設置背景的平鋪方式。其中，repeat表示重復平鋪，no-repeat表示不平鋪，而repeat-x和repeat-y則分別用于水平和垂直方向的重復平鋪。在上述示例代碼中，我們把背景設置為了重復平鋪。

綜上所述，CSS背景色長度可以通過設置background-size屬性來進行設置，同時也可以通過background-repeat屬性來控制平鋪方式。在實際開發中，我們可以根據具體的網頁設計需求靈活使用這些屬性，以達到最佳的效果。