CSS三色循環是一種簡單而實用的技術，它可以幫助我們很容易地創建多種顏色的樣式效果。

下面給出一個基礎的三色循環示例：

.color-cycle {
background-color: #0074d9;
}
.color-cycle:nth-child(2n) {
background-color: #2ecc40;
}
.color-cycle:nth-child(4n+3) {
background-color: #ff4136;
}

上面的代碼塊定義了一個名為color-cycle的類，該類定義了三種不同的背景顏色。這三種顏色將以循環方式列出，直到達到所需效果。

:nth-child是CSS的一個偽類，用于選擇指定的元素。在這里，我們使用:nth-child(2n)選擇偶數項，:nth-child(4n+3)選擇第三和每隔四個元素。

如果你想更改示例中的顏色，只需在對應的顏色值處修改即可。例如，將#0074d9更改為#FF69B4將使背景顏色更換為粉色，而將#2ecc40更改為#ffff00將使背景顏色更換為黃色。

通過使用三色循環技術，你可以在網站上創建出色彩豐富的樣式效果，從而為你的網站增加一份生機和活力。