CSS背景迭代是一種可以同時應用多個背景圖像的CSS屬性。使用背景迭代可以實現多種效果，比如漸變色、復雜圖案等。在這篇文章中，我們將介紹如何使用CSS背景迭代。

首先，我們需要了解背景迭代的語法。在CSS中，使用background-image屬性可以設置一個背景圖像，而使用background屬性可以同時設置多個背景圖像。例如：

background: url("image1.jpg") repeat-y top left, 
url("image2.jpg") repeat-x bottom right;

在這個例子中，我們設置了兩個背景圖像，分別是image1.jpg和image2.jpg。第一個圖像在垂直方向上平鋪，位于左上角，第二個圖像在水平方向上平鋪，位于右下角。

現在，我們來看一些常見的用法：

1. 漸變背景色

background: linear-gradient(to bottom, #336699 0%, #6699CC 100%);

這個例子中，我們使用線性漸變設置了一個從上到下的漸變背景色，起始顏色是#336699，結束顏色是#6699CC。

2. 圖案背景圖像

background: url("pattern.png") repeat;

這個例子中，我們使用一張圖案圖像設置了背景圖像，并將其在水平和垂直方向上平鋪。

3. 多重背景圖像

background: url("image1.jpg") center center no-repeat, 
url("image2.jpg") top right no-repeat, 
url("image3.jpg") bottom left no-repeat;

這個例子中，我們設置了三個背景圖像，并分別設置了它們的位置和重復方式。第一個圖像位于中心，不平鋪；第二個圖像位于右上角，不平鋪；第三個圖像位于左下角，不平鋪。

總之，使用CSS背景迭代可以讓我們輕松實現各種豐富多彩的背景效果。如果您需要進一步了解，可以查看W3C的官方文檔。