CSS中有兩個屬性可以控制鼠標的行為,分別是:hover和:active。
:hover屬性會在鼠標經過一個元素時觸發,我們可以使用它來改變元素的背景顏色、邊框樣式或者其他一些屬性。下面是一個例子:
div:hover { background-color: yellow; border: 2px solid red; }
這段代碼表示在鼠標經過div元素時,背景顏色會變成黃色,邊框會變成2像素寬的紅色實線。
:active屬性在元素被選中時觸發,通常是在鼠標點擊一個按鈕或者鏈接時使用。例如:
button:active { background-color: green; border: 2px solid blue; }
這段代碼表示在按鈕被按下時,背景顏色會變成綠色,邊框會變成2像素寬的藍色實線。
需要注意的是,:hover和:active屬性只能用于可交互元素,例如鏈接、按鈕、表單元素等。如果需要在一個普通的div或其他元素上使用這些屬性,需要給它們添加cursor屬性,并將光標樣式設為pointer才能使鼠標有交互效果。
上一篇css的漸變屬性主要包括
下一篇mysql 閾值