CSS是一種用來控制網頁樣式的語言，通過CSS可以為頁面中的元素添加樣式，并且可以讓網頁變得更加美觀與易于閱讀。本文將介紹如何使用CSS中的tr偽類，實現鼠標懸浮時表格行變色的效果。

首先，在HTML代碼中定義一個表格，每一行都添加一個class名用于區分。例如：

<table>
<tr class="row-1">
<td>Item 1</td>
<td>$10</td>
</tr>
<tr class="row-2">
<td>Item 2</td>
<td>$20</td>
</tr>
<tr class="row-1">
<td>Item 3</td>
<td>$30</td>
</tr>
</table>

接下來，在CSS樣式表中為表格的tr元素定義兩個不同的顏色。例如：

table tr.row-1 {
background-color: #EEE;
}
table tr.row-2 {
background-color: #DDD;
}

然后，使用tr:hover偽類來應用鼠標懸浮時的顏色。例如：

table tr:hover {
background-color: #CCC;
}

這樣，在鼠標懸浮于表格行上時，該表格行的背景顏色會變成#CCC，從而達到了鼠標懸浮變色的效果。

總的來說，使用CSS tr:hover偽類能夠實現鼠標懸浮時表格行變色的效果。這是一個簡單而實用的CSS技巧，可以讓網頁更加美觀與易于閱讀。