CSS表格鼠標經過換色是一種非常實用的交互效果，當鼠標經過表格的行或單元格時，能夠使頁面更加生動有趣，提高用戶體驗。

/*CSS代碼*/
table tr:hover {
background-color: #ECECEC;
}
table td:hover{
background-color: #ECECEC;
}

上述CSS代碼表示當鼠標經過表格的行或單元格時，將其背景色改變為灰色。使用時只需要將代碼嵌入到樣式表中即可。

值得注意的是，如果表格中有奇偶行樣式，需要將:hover偽類的優先級調整，否則會出現樣式沖突的問題。

/*CSS代碼*/
table tr:hover {
background-color: #ECECEC !important;
}
table tr:nth-child(odd):hover{
background-color:#F5F5F5 !important;
}
table tr:nth-child(even):hover{
background-color:#F5F5F5 !important;
}

上述CSS代碼表示當鼠標經過表格的行時，奇偶行背景色分別改變為淺灰色和白色。由于:hover偽類的特殊性，需要添加!important來提高優先級。

總之，CSS表格鼠標經過換色是一項重要的前端技術，能夠為網站提供良好的用戶體驗和視覺效果。