首先，我們需要了解CSS中背景的疊加順序。背景的疊加順序依次是：背景顏色、背景圖片、重復性、位置、大小，最后是背景特效。因此，在CSS中設置背景時，需要注意這些順序，以達到理想的效果。下面我們來看一下如何疊加背景。 首先，我們需要設置背景顏色。我們可以使用background-color屬性來設置背景顏色。例如，要將背景顏色設置為紅色，代碼如下：

p {
background-color: red;
}

接下來，我們可以設置背景圖片。我們可以使用background-image屬性來設置背景圖片。例如，要將背景圖片設置為一張名為bg.jpg的圖片，代碼如下：

p {
background-image: url("bg.jpg");
}

另外，我們還可以設置背景圖片的重復性、位置和大小。我們可以使用background-repeat、background-position和background-size屬性來設置。例如，要將背景圖片不重復、居中并縮小為原來的一半，代碼如下：

p {
background-image: url("bg.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: 50%;
}

最后，如果需要添加背景特效，我們可以使用background-attachment和background-blend-mode屬性。例如，要將背景圖片固定在頁面并使用疊加混合模式，代碼如下：

p {
background-image: url("bg.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: 50%;
background-attachment: fixed;
background-blend-mode: multiply;
}

通過上述設置，我們可以疊加多個背景，以達到理想的效果。在實際使用中，我們需要根據具體需求來選擇合適的疊加方式和屬性。