CSS 按鈕選中改變背景
CSS 是一種用于創建網頁樣式的語言,它可以使網頁更加美觀和易于維護。在 CSS 中,我們可以使用按鈕樣式來創建按鈕,并通過選擇按鈕的選中狀態來改變按鈕的背景色。
通過選擇按鈕的選中狀態,我們可以改變按鈕的背景色。選中按鈕時,按鈕的背景色將更改為選中狀態的顏色。如果不選中按鈕,則按鈕的背景色將保持默認顏色。
以下是一個使用 CSS 創建按鈕的例子:
```html
<button type="submit" name="submit">點擊我</button>
在這個例子中,`type="submit"` 屬性設置按鈕的類型為 `submit`,`name="submit"` 屬性設置按鈕的名稱為 `submit`,并且按鈕的樣式使用 `background-color` 屬性設置為白色。
要選中按鈕,可以使用以下 CSS 代碼:
```css
button:active,
button:hover {
background-color: #ddd;
在這個例子中,`button:active` 和 `button:hover` 屬性分別選中按鈕在點擊時和鼠標懸停時的樣式。`active` 屬性用于設置選中狀態的樣式,`hover` 屬性用于設置鼠標懸停時的樣式。
通過使用 CSS 按鈕樣式,我們可以創建美觀、易于維護的按鈕,并且可以通過選擇按鈕的選中狀態來改變按鈕的背景色。
上一篇css樣式表的調用方法
下一篇css標題欄換行