CSS中的hover指的是當鼠標移動到一個HTML元素上時,該元素會發生一些視覺變化。
例如,我們可以用以下CSS代碼給所有按鈕添加hover效果: button:hover { color: red; background-color: white; }
上述代碼意味著當鼠標懸停在按鈕上時,按鈕的文本顏色將變為紅色,背景色變為白色。
另一個示例是添加帶有hover效果的超鏈接文本:
a:hover { color: blue; text-decoration: underline; }
這將在鼠標移動到鏈接上時改變文本的顏色,并添加下劃線以突出鏈接。
可以在CSS中對不同類型的元素應用hover效果,例如表格、菜單、圖片等。
使用hover效果可以使用戶與網頁的交互更加流暢和愉悅,同時也能夠為用戶提供更多的視覺反饋。