CSS中的背景顏色是網頁設計中不可或缺的視覺元素，它可以用于裝飾頁面，使其更加美觀和易于閱讀。然而，為了使得網頁開發變得更加便捷和高效，在很多情況下我們可以使用現成的背景顏色庫。

.bg-primary {
background-color: #007bff !important;
}
.bg-secondary {
background-color: #6c757d !important;
}
.bg-success {
background-color: #28a745 !important;
}
.bg-danger {
background-color: #dc3545 !important;
}
.bg-warning {
background-color: #ffc107 !important;
}
.bg-info {
background-color: #17a2b8 !important;
}
.bg-light {
background-color: #f8f9fa !important;
}
.bg-dark {
background-color: #343a40 !important;
}
/* 自定義顏色 */
.bg-custom {
background-color: #f4d160 !important;
}

以上代碼是常用的背景顏色庫，通過引入這些預定義的類名，我們可以快速設置頁面的背景顏色。為了使得這些顏色的樣式能夠生效，我們需要將上述CSS代碼嵌入到文檔頭部，或存儲到單獨的CSS文件中。

如果您需要使用自定義的背景顏色，您可以創建一個類似.bg-custom的樣式類，然后修改其background-color屬性為您自己喜歡的顏色即可。使用現成背景顏色庫，可以大大縮短網頁開發的時間，使得我們更專注于網頁交互和用戶體驗設計。