矩形復選框是一種常用的網頁元素，它能讓用戶方便地勾選多個選項。

/* 矩形復選框的CSS代碼 */
input[type="checkbox"] {
-webkit-appearance: none; /* 重置瀏覽器默認樣式 */
-moz-appearance: none;
appearance: none;
border: 2px solid #999; /* 給復選框添加邊框 */
border-radius: 4px; /* 圓角邊框 */
width: 20px; /* 設置復選框寬度 */
height: 20px; /* 設置復選框高度 */
margin-right: 10px; /* 設置復選框與文字之間的距離 */
}
/* 給復選框添加選中狀態 */
input[type="checkbox"]:checked {
background-color: #999; /* 改變復選框背景顏色 */
}
/* 鼠標懸停效果 */
input[type="checkbox"]:hover {
border-color: #666; /* 改變邊框顏色 */
}

通過上述CSS代碼，我們可以自定義矩形復選框的外觀。比如，我們可以去掉瀏覽器默認的勾選圖標，設置邊框樣式和圓角邊框，調整復選框的大小等等。此外，我們還可以添加選中狀態和鼠標懸停效果，讓用戶在勾選多個選項時更加直觀。