在CSS中,可以使用:hover
和:active
偽類選擇器選擇元素的選中狀態和未選中狀態。
:hover
用于當鼠標懸停在元素上時,改變元素的樣式。例如:
button:hover {
background-color: red;
color: white;
}
上面的代碼表示當鼠標懸停在上時,背景顏色變為紅色,字體顏色變為白色。
:active
用于當元素被點擊時,改變元素的樣式。例如:
button:active {
background-color: green;
color: black;
}
上面的代碼表示當被點擊時,背景顏色變為綠色,字體顏色變為黑色。
除了:hover
和:active
之外,在CSS中還有其他偽類選擇器可以選擇元素的狀態,例如:focus
和:visited
。使用不同的偽類選擇器可以實現更復雜的交互效果。
上一篇css選中表格第三列整列
下一篇css遠程文件無法編輯