CSS選中背景顏色

CSS可以讓我們對特定的HTML元素應用樣式。其中一種常見的樣式是改變元素的背景顏色。有時候我們需要為選中的元素應用不同的背景顏色。下面演示幾種方法。

:hover偽類方法

使用:hover偽類可以為鼠標經過的元素應用樣式。我們可以利用這個偽類來實現當鼠標經過時改變元素的背景顏色，例如：
p:hover{
background-color: yellow;
}

active偽類方法

在點擊元素時也可以為元素應用不同的背景顏色。這可以通過使用:active偽類實現，例如：
button:active{
background-color: green;
}

:focus偽類方法

:focus偽類可以使元素在選中時應用樣式。這非常有用，例如在HTML表單中。例如，可以為表單輸入框設置選中時應該有的背景顏色：
input:focus{
background-color: lightblue;
}

總結

以上是CSS選擇背景顏色的三種方法，即:hover、:active和:focus偽類。使用這些方法可以使你更好地控制你的HTML元素的樣式，為你的網頁增加視覺效果。