在網頁設計中，元素的背景通常是非常重要的一個部分。CSS作為網頁設計的基礎，也提供了非常豐富的元素背景設置方法，下面就是CSS元素背景的教程。

首先，我們來看CSS中背景的基礎設置。設置元素背景顏色很簡單，只需要使用background-color屬性即可。例如，下面的代碼將一個div元素的背景顏色設置為紅色：

div {
background-color: red;
}

除了使用純色，我們也可以使用背景圖片來裝飾元素。為了設置背景圖片，我們可以使用background-image屬性。下面的代碼將一個div元素的背景設置為一張圖片：

div {
background-image: url("bg-image.png");
}

如果圖片不是完全填充元素的話，我們可以使用background-size屬性來設置背景圖片的大小。下面的代碼將一張圖片完全填充一個div元素，并設置為不重復：

div {
background-image: url("bg-image.png");
background-size: cover;
background-repeat: no-repeat;
}

常常我們還需要對背景圖片進行位置上的調整。對于這種情況，CSS提供了background-position屬性。下面的代碼將一個背景圖片設置為靠近左上角，并且不重復：

div {
background-image: url("bg-image.png");
background-size: cover;
background-repeat: no-repeat;
background-position: left top;
}

最后，我們也可以使用多個背景來裝飾元素。通過使用background-image屬性的多個值，我們可以將多個背景疊加在一起。下面的代碼將一個div元素設置了兩個背景：

div {
background-image: url("bg-1.png"), url("bg-2.png");
background-size: auto, cover;
background-repeat: repeat-y, no-repeat;
background-position: center top, left top;
}

以上就是CSS元素背景的教程，其中還有很多關于背景的設置方法待你發掘。