CSS 可以將選中的行變色，使網(wǎng)頁更加美觀。設(shè)置選中行變色需要用到 :hover 和 :nth-child() 選擇器。

tr:hover {
 background-color: #C0C0C0;
}
table tr:nth-child(even):hover {
 background-color: #C0C0C0;
}

第一行代碼表示當鼠標懸停在 tr 元素上時，該行的背景色變?yōu)?#C0C0C0。

第二行代碼表示當鼠標懸停在偶數(shù)行（即:nth-child(even)）時，該行的背景色變?yōu)?#C0C0C0。這樣可以使表格更加有序和美觀。

同時，也可以設(shè)置選中行變色的顏色、字體和邊框等樣式

tr:hover {
 background-color: #C0C0C0;
 color: #ffffff;
 border: 1px solid red;
 font-weight: bold;
}

以上代碼表示當鼠標懸停在 tr 元素上時，該行的背景色變?yōu)?#C0C0C0，字體顏色為 #ffffff，邊框為 1 像素的紅色實線，字體加粗。

通過設(shè)置選中行變色，可以使網(wǎng)頁的視覺效果更加優(yōu)美，也可以使網(wǎng)頁更加易于閱讀。