設(shè)置兩個(gè)背景在CSS中是一個(gè)常見的需求，尤其是在設(shè)計(jì)網(wǎng)頁或應(yīng)用程序時(shí)，雖然CSS標(biāo)準(zhǔn)并不直接支持兩個(gè)背景，但我們可以使用一些技巧來實(shí)現(xiàn)這個(gè)效果。

一種方法是使用偽元素（pseudo-elements），偽元素允許我們?cè)谠氐膬?nèi)容前面或后面插入內(nèi)容，這可以用來設(shè)置兩個(gè)背景，我們可以這樣寫：

div {
  position: relative;
  background: url(image1.jpg) no-repeat;
}
div::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(image2.jpg) no-repeat;
}

在這個(gè)例子中，div元素有一個(gè)背景圖像image1.jpg，而偽元素::before則提供了另一個(gè)背景圖像image2.jpg，由于偽元素是***定位的，它會(huì)覆蓋在div元素的背景上，從而實(shí)現(xiàn)兩個(gè)背景的效果。

另一種方法是使用CSS的linear-gradient函數(shù)來創(chuàng)建兩個(gè)顏色的背景漸變，這種方法雖然只能提供兩種顏色的背景，但它是一種簡單而有效的方法來設(shè)置兩個(gè)背景顏色。

div {
  background: linear-gradient(to right, red, blue);
}

在這個(gè)例子中，div元素的背景顏色會(huì)從紅色漸變到藍(lán)色，從而實(shí)現(xiàn)兩個(gè)背景顏色的效果。

雖然CSS標(biāo)準(zhǔn)不支持兩個(gè)背景，但我們可以通過一些技巧來實(shí)現(xiàn)這個(gè)效果，使用偽元素或linear-gradient函數(shù)都是有效的方法來設(shè)置兩個(gè)背景。