CSS 是一種實現網頁設計美化的樣式語言。在網頁設計中，盒子是一個基本模塊。在設置盒子樣式的過程中，背景是一個很重要的特性。在 CSS 中，可以通過設置背景的顏色、圖片、重復方式、位置等屬性來為盒子添加背景效果。

/* 設置背景顏色 */
.box {
background-color: red;
}
/* 設置背景圖片 */
.box {
background-image: url('路徑/圖片.jpg');
background-repeat: no-repeat; /* 不重復 */
background-size: cover; /* 填充盒子 */
background-position: center center; /* 居中顯示 */
}
/* 設置背景漸變色 */
.box {
background: linear-gradient(to right, red, yellow);
}
/* 設置背景重復方式 */
.box {
background-repeat: repeat-x; /* 水平方向重復 */
background-repeat: repeat-y; /* 垂直方向重復 */
background-repeat: repeat; /* 水平垂直方向重復 */
background-repeat: no-repeat; /* 不重復 */
}
/* 設置背景位置 */
.box {
background-position: center center; /* 居中顯示 */
background-position: left top; /* 左上角對齊 */
background-position: right bottom; /* 右下角對齊 */
background-position: 50% 50%; /* 水平垂直方向居中 */
}

以上是常用的一些 CSS 設置盒子背景的代碼示例。掌握這些代碼，可以幫助我們在網頁設計中更加靈活地運用 CSS，創建出獨具特色的網頁。