CSS中如何給單選加框

CSS是我們用來控制網頁樣式的一種語言，可以用來創建各種樣式，包括布局、顏色、字體等等。在CSS中，我們可以使用選擇器來創建各種框，例如單選框和多選框。

下面，我們將介紹如何使用CSS選擇器來創建一個單選框和多選框。

## 創建一個單選框

單選框是一種選擇器，它只有一個選擇項，例如：

input[type="radio"] {

margin: 0 10px;

padding: 10px;

border: 1px solid #ccc;

border-radius: 5px;

width: 20px;

height: 20px;

display: inline-block;

font-size: 12px;

cursor: pointer;

上面的代碼創建了一個單選框選擇器，其中輸入框中選擇了“選項1”或“選項2”。單選框的邊框、半徑和寬度都設置為20像素，高度為20像素，并且使用 inline-block 樣式來使其與其他元素平級。選擇器的字體大小、cursor 屬性和邊框樣式都可以通過 CSS 樣式進行更改。

## 創建一個多選框

多選框是一種選擇器，它有多個選擇項，例如：

input[type="radio"] + label {

margin: 0 10px;

padding: 10px;

border: 1px solid #ccc;

border-radius: 5px;

width: 20px;

height: 20px;

display: inline-block;

font-size: 12px;

cursor: pointer;

上面的代碼創建了一個多選框選擇器，其中輸入框中的下拉列表中選擇了“選項1”到“選項n”中的任意一個。多選框的邊框、半徑和寬度都設置為20像素，高度為20像素，并且使用 inline-block 樣式來使其與其他元素平級。選擇器的字體大小、cursor 屬性和邊框樣式都可以通過 CSS 樣式進行更改。

通過使用 CSS 選擇器，我們可以輕松地創建單選框和多選框，并且可以對其進行各種樣式更改。