復選框作為一種常用的輸入組件，通常在網頁表單中出現。但是默認的樣式可能并不美觀，這就需要使用CSS樣式來美化復選框。

/* 隱藏默認的復選框 */
input[type="checkbox"] {
display: none;
}
/* 添加自定義樣式 */
label.custom-checkbox {
position: relative;
display: inline-block;
padding-left: 25px;
margin-right: 15px;
cursor: pointer;
}
/* 添加復選框圖標 */
label.custom-checkbox::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 18px;
height: 18px;
background-color: #fff;
border: 1px solid #333;
border-radius: 3px;
}
/* 添加選中狀態的樣式 */
input[type="checkbox"]:checked + label.custom-checkbox::before {
background-color: #333;
border-color: #333;
content: "\2713";
color: #fff;
font-size: 14px;
text-align: center;
line-height: 18px;
border-radius: 3px;
}

上述代碼中，先將默認的復選框隱藏，然后通過添加label標簽和偽元素來實現自定義樣式。選中狀態的樣式通過使用:checked偽類來實現。其中，\2713表示的是Unicode編碼的“?”字符。

美化好看的復選框不僅能夠提升網頁的外觀，也可以提升用戶的使用體驗。通過使用CSS樣式，可以輕松地實現這一目標。