:hover

定义

:hover 选择器用于选择鼠标指针浮动在上面的元素。

注意：:hover 选择器可用于所有元素，不只是链接。

请使用:link 选择器对指向未被访问页面的链接设置样式，:visited用于设置指向已访问页面的链接的样式，:active 选择器用于活动链接。

语法

:hover
{
    CSS 样式
}

实例

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>NTHOME-零基础入门学习Web（HTML5+CSS3）</title>
    <style>
        a:hover
        {
            background-color:green;
        }
    </style>
</head>
<body>
   <a href="http://www.ilovenitian.web3v.vip" target="_blank">NTHOME</a>
   <p><b>注释：</b>:hover 选择器鼠标指针在其上浮动的链接设置样式。</p>
</body>
</html>

NTHOME

注释：:hover 选择器鼠标指针在其上浮动的链接设置样式。

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

Safari	Chrome	FireFox	IE
1.0	1.0	1.0	5.0