CSS中Span的顏色變化可以通過多種方法實現(xiàn)，以下是一些常見的方法：

1、使用CSS的transition屬性：通過transition屬性，我們可以讓Span的顏色在一段時間內(nèi)平滑地過渡到一個新的顏色，我們可以將Span的顏色從紅色過渡到綠色：

span {
  color: red;
  transition: color 2s;
}
span:hover {
  color: green;
}

在上面的代碼中，我們將Span的顏色設(shè)置為紅色，并使用transition屬性將顏色在2秒內(nèi)過渡到綠色，當(dāng)鼠標(biāo)懸停在Span上時，顏色會發(fā)生變化。

2、使用CSS的animation屬性：與transition類似，我們可以使用animation屬性來創(chuàng)建更復(fù)雜的顏色變化效果，我們可以讓Span的顏色在多個顏色之間循環(huán)變化：

span {
  color: red;
  animation: color-change 5s infinite;
}
@keyframes color-change {
  0% { color: red; }
  20% { color: orange; }
  40% { color: yellow; }
  60% { color: green; }
  80% { color: blue; }
  100% { color: red; }
}

在上面的代碼中，我們定義了一個名為color-change的動畫，該動畫會在5秒內(nèi)將Span的顏色從紅色循環(huán)過渡到藍色，然后再回到紅色，我們使用animation屬性將該動畫應(yīng)用到Span上，并設(shè)置動畫的持續(xù)時間。

3、使用JavaScript來動態(tài)改變顏色：除了使用CSS外，我們還可以使用JavaScript來動態(tài)地改變Span的顏色，我們可以使用以下代碼來讓Span的顏色每秒變化一次：

setInterval(function() {
  var span = document.getElementsByTagName('span')[0];
  var colors = ['red', 'orange', 'yellow', 'green', 'blue', 'red'];
  span.style.color = colors[Math.floor(Math.random() * colors.length)];
}, 1000);

在上面的代碼中，我們使用setInterval函數(shù)來每秒執(zhí)行一次函數(shù)，該函數(shù)會獲取***個Span元素，并將其顏色設(shè)置為一個隨機顏色，我們使用colors數(shù)組來存儲可能的顏色值，并使用Math.random函數(shù)來生成一個隨機數(shù)來選擇要使用的顏色。