CSS是網頁設計中不可或缺的一部分，它可以將網頁樣式和布局與HTML文檔分開，同時也是設置元素樣式和改變效果的工具。下面我們來探討如何通過CSS來改變經過圖標的顏色。

/* CSS代碼 */
.icon {
color: #000000; /* 設置圖標顏色為黑色 */
font-size: 24px; /* 設置圖標大小 */
}
.icon:hover {
color: #ff0000; /* 設置鼠標經過時圖標的顏色為紅色 */
}

上面的代碼中，我們首先創建了一個class為“icon”的元素，然后設置了該元素的顏色為黑色，大小為24像素。接著，我們使用:hover偽類來設置鼠標經過圖標時的效果。在這個偽類中，我們將元素的顏色設置為紅色。

從上面的代碼可以看出，經過圖標顏色的改變實際上是一個通過CSS偽類來實現的效果。使用:hover偽類，我們可以在鼠標經過元素時改變該元素的樣式和效果。這種技術不僅可以用于圖標，還可用于按鈕或鏈接等其他元素的樣式改變。

總之，通過CSS我們可以實現許多有趣的樣式和效果，讓網頁更加生動和具有吸引力。改變經過圖標的顏色只是其中的一種實現方式，希望這篇文章對大家在學習CSS方面有所幫助。