CSS中的單行雙行變色是一個常見的鼠標懸停效果，可以使頁面更加生動活潑。需要注意的是，在html中需要設置好單行或雙行的樣式，然后在CSS中設置變色效果。

/*單行變色*/
.line:hover {
background-color: #f2f2f2;
}
/*雙行變色*/
.even:hover {
background-color: #f2f2f2;
}
.odd:hover {
background-color: #e6e6e6;
}

可以看到，雙行變色需要通過給每一行設置不同的類名來實現。當鼠標懸停在某一行時，改變該行的背景顏色。

使用單行雙變色效果不僅可以優化用戶體驗，也可以幫助用戶更加清晰地辨認數據。在一些需要展示表格的網站上，單行雙行變色效果也被廣泛應用。