CSS3中的before偽類可以用于復(fù)選框，使其在被選中時(shí)出現(xiàn)特定樣式，提高用戶體驗(yàn)。

input[type=checkbox]:before {
content: '';
display: inline-block;
height: 20px;
width: 20px;
margin-right: 10px;
background-color: #fff;
border: 2px solid #999;
}
input[type=checkbox]:checked:before {
content: '';
display: inline-block;
height: 20px;
width: 20px;
margin-right: 10px;
background-color: #999;
border: 2px solid #999;
}

以上代碼中，我們首先定義了復(fù)選框的樣式，包括了寬度、高度、外邊距和背景顏色等。在選中狀態(tài)下，我們復(fù)用了定義好的樣式，并改變了背景顏色。

另外，我們還可以加入其他屬性，比如hover樣式、transition過渡效果等，創(chuàng)造更多不同的交互效果。因此，掌握CSS3 before偽類的使用能幫助我們更好地實(shí)現(xiàn)網(wǎng)站中的用戶交互設(shè)計(jì)。