CSS是一種樣式表語言，可以幫助網頁開發者美化網站，其中一個常用的樣式就是性別框。性別框通常用于填寫表單或者注冊頁面等地方，可以讓用戶選擇自己的性別，這樣可以幫助網站更好地了解用戶的需求，提供更加個性化的推薦和服務。

/* 性別框的CSS樣式 */
label.gender {
display: block;
margin-bottom: 10px;
font-weight: bold;
}
input[type="radio"] {
display: none;
}
input[type="radio"] + label {
display: inline-block;
margin-right: 10px;
font-weight: normal;
cursor: pointer;
}
input[type="radio"]:checked + label {
background-color: #369;
color: #fff;
padding: 5px 10px;
border-radius: 5px;
}

上面的代碼中，我們使用了label和input標簽來創建性別框。label標簽用于顯示選擇項的文字，而input標簽則用于實際的選擇操作。我們將input的display屬性設置為none，這樣就可以隱藏選擇框的圓點。

接下來，我們使用input與label的組合來實現選擇框的展示效果。選中的input標簽與相鄰的label標簽將會聯動，利用CSS偽類:checked與+選擇器調整label樣式。這樣，我們就可以根據用戶的選擇來改變相應的樣式，從而使性別框更具可讀性和可操作性。