在網頁設計中，我們常常需要使用性別選項，以便于用戶進行注冊、個人信息填寫等操作。而在使用CSS樣式表時，添加性別選項也有一些需要注意的地方。

/*以下是CSS代碼*/
.gender label {
display: inline-block;
width: 80px;
height: 35px;
line-height: 35px;
font-size: 16px;
font-weight: bold;
}
.gender input[type="radio"] {
display: none;
}
.gender input[type="radio"] + span {
display: inline-block;
width: 50px;
height: 35px;
line-height: 35px;
font-size: 16px;
text-align: center;
cursor: pointer;
background-color: #EEE;
border-radius: 5px;
}
.gender input[type="radio"]:checked + span {
background-color: #398DF5;
color: #FFF;
}

以上是一個典型的CSS代碼，首先需要使用label標簽設置性別選項的標題，并設置樣式屬性；然后需要使用input標簽的type屬性設置為radio，以便于用戶進行單選操作。需要注意的是，我們將input標簽的display屬性設置為none，只是為了使其不在頁面上顯示出來，但仍然能夠使用；最后，我們通過設置偽類:checked，使得用戶選擇的選項具有不同的樣式。

此外，還可以通過使用div標簽來將性別選項包裹起來，以便于加入其他樣式屬性，如對齊、背景顏色等：

/*以下是CSS代碼*/
.gender {
margin-bottom: 20px;
text-align: center;
}
.gender label {
display: inline-block;
margin-right: 10px;
font-size: 16px;
font-weight: bold;
}
.gender div {
display: inline-block;
margin-right: 10px;
vertical-align: middle;
}
.gender input[type="radio"] {
display: none;
}
.gender input[type="radio"] + span {
display: inline-block;
width: 50px;
height: 35px;
line-height: 35px;
font-size: 16px;
text-align: center;
cursor: pointer;
background-color: #EEE;
border-radius: 5px;
}
.gender input[type="radio"]:checked + span {
background-color: #398DF5;
color: #FFF;
}

以上代碼中，我們使用了div標簽將性別選項進行了包裹，其中加入了margin-right、text-align等屬性，以便于進行對齊和其他樣式調整。

在進行網頁設計時，還需要根據具體的設計要求進行不同的樣式調整。但使用以上代碼可以使得性別選項的實現變得簡單易懂、美觀大方。