CSS 中添加復選框可以通過<input>標簽和:checked偽類來實現。具體步驟如下：

<input type="checkbox" name="checkbox" id="checkbox">復選框

以上代碼中，#checkbox是一個隱藏的復選框，利用display: none屬性使其不可見。接著用:before偽元素生成一個與 label 等寬等高的方塊，作為復選框的外觀。當復選框被選中時，利用:checked偽類更改:before的內容，使其顯示 X。

通過以上 CSS 代碼，可以在頁面中創建一個美觀的復選框，而不僅僅是簡單的默認樣式。同時可以為用戶提供更好的體驗，使其理解哪些選項被選擇了，哪些未被選擇。