在Web開發中，復選框是一個常用組件，我們可以使用CSS div元素實現復選框的樣式。

<div class="checkbox">
<input type="checkbox" id="myCheckbox" name="myCheckbox" value="myCheckbox">
<label for="myCheckbox"></label>
</div>

在上面的代碼中，我們定義了一個class為“checkbox”的div，其中包含了一個input元素和一個label元素。input元素是真正的復選框，label元素是復選框的樣式。

.checkbox input[type="checkbox"] {
position: absolute;
opacity: 0;
cursor: pointer;
}
.checkbox label:before {
content: "";
display: inline-block;
border: 2px solid #ccc;
width: 16px;
height: 16px;
margin-right: 10px;
vertical-align: middle;
}
.checkbox input[type="checkbox"]:checked + label:before {
background-color: #eee;
}
.checkbox label:after {
content: "\2713";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 14px;
color: #333;
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
.checkbox input[type="checkbox"]:checked + label:after {
opacity: 1;
}

在上面的代碼中，我們使用CSS樣式定義了復選框的外觀。通過設置組合選擇器，我們可以根據復選框的狀態來更新樣式。

通過以上的代碼，我們可以實現一個基礎的復選框樣式，如果你需要更改復選框的樣式，可以通過修改CSS樣式表中的屬性來實現。