CSS中的按鈕點擊效果可以通過偽類:hover和:active來實現。以按鈕點擊后變色為例子,展示如下:
button:hover { background-color: gray; } button:active { background-color: blue; }
以上代碼表示了當鼠標移動到按鈕上hover時,按鈕背景顏色會變灰。當按鈕被點擊時,按鈕背景顏色會變藍。
需要注意的是,:active偽類只在按鈕被點擊且未被松開時生效,一旦松開鼠標就會回到:hover狀態。同時,以上代碼只適用于button標簽,如果要對其他標簽實現相同效果,需要將代碼稍作修改。