CSS 可以通過多重背景（Multiple Backgrounds）設置來實現一個含有多層背景的元素效果。多重背景是把一個元素分成多個圖層，在不同的背景層設置不同的圖像。 如果一個元素有多個背景，那么后面的背景會覆蓋前面的背景。多重背景都用逗號隔開。 實現方法如下： 1. 通過background屬性設置多個背景 background 屬性值可以設置多個背景圖像。比如下面的例子：

p {
background-image: url(bg.gif), url(bg2.gif);
background-repeat: no-repeat;
background-position: bottom right, top left;
}

上述代碼中，元素<p>被分成了兩個圖層，分別使用不同的圖像。第一個圖層使用 bg.gif 作為背景圖像，第二個圖層使用 bg2.gif 作為背景圖像。 2. 通過background 聲明設置多個背景 background 聲明的語法如下：

background: bg-image position/bg-size repeat origin clip attachment color;

如果我們要使用多個背景，可以在這個聲明語句中以逗號分隔，例如：

background: url(bg.gif) top left no-repeat, url(bg2.gif) bottom right no-repeat;

上述代碼中，元素設置了兩個不同的背景圖像，其中第一個背景位于元素的左上角，并且在垂直和水平方向上都不進行重復；第二個背景位于元素的右下角同樣不重復。<p>標簽設置多重背景的效果很讓人驚嘆，你也可以在自己的 CSS 代碼中用到這個技巧，讓你的網頁更加炫酷。