定义和用法
:hover 选择器用于选择鼠标指针浮动在上面的元素。
提示::hover 选择器可用于所有元素,不只是链接。
提示::link 选择器设置指向未被访问页面的链接的样式,:visited 选择器用于设置指向已被访问的页面的链接,:active 选择器用于活动链接。
注释:在 CSS 定义中,:hover 必须位于 :link 和 :visited 之后(如果存在的话),这样样式才能生效。
代码效果测试:
<!DOCTYPE html>。
<html>
<head>
<style>
a.ex1:hover,a.ex1:active {color:red;}。
a.ex2:hover,a.ex2:active {font-size:150%;}。
a.ex3:hover,a.ex3:active {background:red;}。
a.ex4:hover,a.ex4:active {font-family:'微软雅黑';}。
a.ex5:visited,a.ex5:link {text-decoration:none;}。
a.ex5:hover,a.ex5:active {text-decoration:underline;}。
</style>
</head>
<body>
<p>请把鼠标指针移动到这些链接上。</p>。
<p><a class="ex1" href="/index.html">这个链接改变颜色。</a></p>。
<p><a class="ex2" href="/index.html">这个链接改变字体大小。</a></p>。
<p><a class="ex3" href="/index.html">这个链接改变背景色。</a></p>。
<p><a class="ex4" href="/index.html">这个链接改变字体。</a></p>。
<p><a class="ex5" href="/index.html">这个链接会出现下划线。</a></p>。
</body>
</html>
#denglu:hover{background-color:#CCCCCC ;color:red;}。
这里你需要用background-color,因为用background的话你需要写上图片路径的,如果不写相当于没有背景图片。
定义和用法
:hover 伪类在鼠标移到元素上时向此元素添加特殊的样式。
说明
这个伪类应用处于“悬停状态”的元素。悬停定义为用户指示了一个元素但没有将其激活。对此最常见的例子是将鼠标指针移到 HTML 文档中一个超链接的边界范围内。理论上,其他元素也可以处于悬停状态,不过 CSS 没有定义究竟是哪些元素。
激活的、已访问的、未访问的或者当有鼠标悬停在其上的链接,它们会在支持 CSS 的浏览器中以不同的方式显示出来:
a:link {color: #FF0000} /* 未访问的链接 */。
a:visited {color: #00FF00} /* 已访问的链接 */。
a:hover {color: #FF00FF} /* 当有鼠标悬停在链接上 */。
a:active {color: #0000FF} /* 被选择的链接 */。
具体的例子,你可以百度搜下 w3cshool里 CSS :hover 伪类,链接我就不给了,免得被删答案。
总的来说hover是css里用来定义, 当鼠标移到某个标签上时,这个标签显示的情况。 一般来说hover用在a(超链接)上比较多。类似的用法有link,visited,active.。
定义和用法
:hover 选择器用于选择鼠标指针浮动在上面的元素。
例子一:
选择未访问、已访问、悬浮和活动链接,并设置它们的样式:
a:link {color:blue;}。
a:visited {color:blue;}。
a:hover {color:red;}。
a:active {color:yellow;}。
例子二:
例子 2
为链接设置不同的样式:
a.ex1:hover,a.ex1:active {color:red;}。
a.ex2:hover,a.ex2:active {font-size:150%;}。
这个你需要选中a标签的上一层来做hove动作。
不如代码中是
<div id="mydiv"><a href="">报名登录</a><div>。
css代码则
#div:hover{background:#ccc}。
另外你可能描述的有点问题
点击变样属于js的动作了
而hover是鼠标悬浮在上面的样式。
喜欢别忘记采纳亲!