CSS3中的多選框圖標是一種非常實用的元素，通常用于表單的設計中。在HTML中使用多選框時，我們可以通過CSS3來自定義多選框的外部樣式，以達到更加美觀、符合我們設計風格的目的。

/* 多選框圖標樣式 */
input[type="checkbox"] {
position: absolute; /* 將多選框的位置設為絕對定位 */
opacity: 0; /* 讓多選框不可見 */
}
/* 多選框的外部樣式 */
input[type="checkbox"] + label:before {
content: '\2714'; /* 設置多選框選中狀態的樣式 */
border-radius: 3px;
border: 1px solid #a9a9a9;
display: inline-block;
width: 16px;
height: 16px;
text-align: center;
line-height: 15px;
font-size: 12px;
color: #fff;
background-color: #a9a9a9;
margin-right: 10px;
}
/* 多選框選中狀態的樣式 */
input[type="checkbox"]:checked + label:before {
content: '\2713'; /* 修改多選框選中狀態的樣式 */
background-color: #4183c4;
}

通過以上的代碼，我們可以自定義多選框的圖標樣式，同時，我們還可以通過CSS3中的其他功能，如hover效果、transition等，為多選框增加更多的動態效果，提升頁面的交互體驗。多選框圖標的設計，可以讓表單更加美觀，也可以提高用戶對表單選項的認知度，讓表單的填寫更加高效、準確。