CSS3中的before偽類可以用于復選框，使其在被選中時出現特定樣式，提高用戶體驗。

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;
}

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

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