CSS可以通過添加偽類選擇器來實現鼠標按下和彈起的效果,常用的偽類選擇器包括:
:active
:active偽類選擇器表示元素被激活時的狀態,通常用于實現鼠標按下的效果。例如:
button:active { color: red; }
上述代碼表示當按鈕被按下時,按鈕文字顏色變為紅色。
:hover
:hover偽類選擇器表示鼠標懸停時的狀態,通常用于實現鼠標懸停時的效果。例如:
a:hover { color: blue; }
上述代碼表示當鼠標懸停在鏈接上時,鏈接文字顏色變為藍色。
除了以上兩種偽類選擇器,還有:focus和:checked等偽類選擇器,它們都可以用來實現不同的效果。