CSS 復選框邊框樣式是一種很方便的 CSS 技巧，可以讓我們給網頁中的復選框添加邊框，使得網頁更加醒目、美觀。

下面我們來看一下 CSS 復選框邊框樣式的用法。

/* HTML 代碼 */
<input type="checkbox" id="example" name="example" />
/* CSS 代碼 */
#example {
border: 2px solid red; /* 設置邊框為紅色 */
padding: 5px; /* 設置內邊距為 5px */
}

通過上述代碼的設置，我們就可以給復選框添加紅色的邊框和 5px 的內邊距。

此外，我們還可以使用偽類選擇器來設置復選框選中時的樣式。

/* HTML 代碼 */
<input type="checkbox" id="example" name="example" />
/* CSS 代碼 */
#example {
border: 2px solid red; /* 設置邊框為紅色 */
padding: 5px; /* 設置內邊距為 5px */
}
#example:checked {
border: 2px solid green; /* 設置邊框為綠色 */
background-color: gray; /* 設置背景色為灰色 */
}

通過上述代碼，我們可以設置復選框選中時的樣式為綠色的邊框和灰色的背景色。

以上就是 CSS 復選框邊框樣式的基本用法，希望對大家有所幫助。