站長(zhǎng)資訊網(wǎng)
css hover的用法
CSS :hover 選擇器定義和用法
:hover 選擇器用于選擇鼠標(biāo)指針浮動(dòng)在上面的元素。
提示：:hover 選擇器可用于所有元素，不只是鏈接。
提示：:link 選擇器設(shè)置指向未被訪問頁面的鏈接的樣式，:visited 選擇器用于設(shè)置指向已被訪問的頁面的鏈接，:active 選擇器用于活動(dòng)鏈接。
推薦學(xué)習(xí)：CSS教程
注釋：在 CSS 定義中，:hover 必須位于 :link 和 :visited 之后（如果存在的話），這樣樣式才能生效。
實(shí)例：
選擇鼠標(biāo)指針浮動(dòng)在其上的元素，并設(shè)置其樣式：
<!DOCTYPE html> <html> <head> <style> a:hover { background-color:yellow; } </style> </head> <body> <a href="http://www.php.cn">PHP</a> <a href="http://www.google.com">Google</a> <a href="http://www.wikipedia.org">Wikipedia</a> <p><b>注釋：</b>:hover 選擇器鼠標(biāo)指針在其上浮動(dòng)的鏈接設(shè)置樣式。</p> </body> </html>
效果：
注：所有主流瀏覽器都支持 :hover 選擇器。
