在CSS中，我們可以利用元素的選中狀態來為頁面添加不同的樣式效果。選中狀態就是指當用戶點擊或通過鍵盤聚焦在元素上時，該元素會處于選中狀態。

input:focus {
/* 這里是選中狀態下的樣式 */
background-color: #F2F2F2;
border: 2px solid #333333;
}

上面的代碼是一個常見的選中狀態下的樣式示例。當用戶點擊或聚焦在標簽上時，背景色會變為淺灰色，同時出現了2像素寬的黑色邊框。這樣的選中狀態可以提高用戶體驗，也有利于網站的可用性。

除了:focus偽類以外，我們還可以利用:checked偽類來實現選擇框或單選框等選中狀態的樣式效果。下面是一個利用:checked實現單選框樣式的代碼示例：

input[type="radio"]:checked+label {
/* 這里是選中狀態下的樣式 */
background-color: #F2F2F2;
border: 2px solid #333333;
}

在這個示例中，我們利用了+選擇器來定位選中的標簽。選中的單選框其前面的標簽即為選中狀態的樣式。

最后，需要注意的是不同類型的元素所處的選中狀態可能會有所差異。例如在Chrome瀏覽器中，類型的輸入框在選中狀態下會出現上下箭頭的樣式。因此在實現不同類型的元素的選中狀態樣式時，需要針對不同情況進行適配。