在網頁設計中，選中變色是一種常見的效果。通過CSS的樣式控制，我們可以讓被選中的元素在鼠標懸浮或點擊時呈現不同的顏色，以增加頁面互動性和美觀度。

/* 選中樣式 */
:hover {
color: red;
}
:active {
color: blue;
}
/* 內容選中 */
::selection {
background-color: yellow;
color: #fff;
}

以上是CSS中常用的選中樣式代碼。其中，:hover和:active是針對鼠標懸浮和點擊事件的樣式，可以用于按鈕、鏈接等元素。而::selection是針對文本內容選中時的樣式，可以讓選中的文本背景色和文字顏色變化。

在實際設計中，我們可以將選中樣式與其他樣式組合使用，創造出更加豐富的效果。比如在導航欄上，我們可以將:hover樣式與鼠標離開時的樣式結合，以使導航欄更加醒目、易用。又如在表單中，我們可以將:focus樣式與輸入框的樣式結合，以起到提示用戶輸入的作用。

總之，選中變色是CSS設計中不可或缺的一部分。通過不同的樣式搭配，我們可以讓頁面變得更加生動、有趣，提高用戶體驗。實際開發中，建議多多嘗試，尋找適合自己網站或應用的選中樣式。