在HTML中，我們可以使用多種方式來設置勾選框，最常用的方式就是使用input標簽的type屬性為checkbox。下面是一個簡單的示例：

<input type="checkbox" name="check1" value="value1">選項1
<input type="checkbox" name="check2" value="value2">選項2
<input type="checkbox" name="check3" value="value3">選項3

在這個示例中，我們定義了三個復選框，每個復選框分別有一個不同的名稱（name屬性）和值（value屬性）。當用戶勾選其中一個或多個復選框時，所選復選框的對應值將會被提交到服務器或JavaScript代碼中。

除了基本的復選框之外，我們還可以使用CSS樣式來美化勾選框的外觀。例如，下面是一個自定義勾選框的示例：

<style>
.custom-checkbox input[type="checkbox"] {
display:none;
}
.custom-checkbox label::before {
content:"\2714";
display:inline-block;
font-size:16px;
width:16px;
height:16px;
border:1px solid #ccc;
background-color:#fff;
text-align:center;
vertical-align:middle;
margin-right:10px;
}
.custom-checkbox input[type="checkbox"]:checked + label::before {
background-color:#5cb85c;
color:#fff;
}
</style>
<div class="custom-checkbox">
<input type="checkbox" name="check1" value="value1" id="check1">
<label for="check1">選項1</label>
</div>
<div class="custom-checkbox">
<input type="checkbox" name="check2" value="value2" id="check2">
<label for="check2">選項2</label>
</div>
<div class="custom-checkbox">
<input type="checkbox" name="check3" value="value3" id="check3">
<label for="check3">選項3</label>
</div>

在這個示例中，我們使用了CSS偽元素（::before）來創建勾選框的圖標，并使用:checked偽類來區分選中和未選中狀態。我們還將input元素的display屬性設置為none，以便隱藏原生的勾選框。

總之，無論是基本的復選框還是自定義的勾選框，都是HTML表單中非常常用的元素之一。通過簡單的設置和樣式調整，我們可以輕松地創建各種形式的勾選框，以滿足不同的需求和設計風格。