CSS a:hover

:hover是在鼠标移到元素上时向此元素添加特殊的css样式。

a:link {color: #FFF}     /* 未访问的链接 */
a:visited {color: #ddd}  /* 已访问的链接 */
a:hover {color: #000}    /* 当有鼠标悬停在链接上 */
a:active {color: #000}   /* 被选择的链接 */

为了达到预期的效果，在css定义中，a:hover必须位于a:link和a:visited之后，而a:active必须位于a:hover之后

可与css类配合使用

<pre name="code" class="css">

a.name{color: white;text-decoration: none;display: block;height: 85px;padding: 0 15px;}

a.name:hover{background: #394665;}

<a class="name" href="http://www.baidu.com"> 首页</a>

CSS a:hover相关推荐

[css] 鼠标事件css的:hover和js的mouseover有什么区别？
[css] 鼠标事件css的:hover和js的mouseover有什么区别? JavaScript中鼠标事件有:onmouseover和onmouseout: 当鼠标移入和移出时触发事件onmous ...
经典的 div + css 鼠标 hover 下拉菜单
经典的 div + css 鼠标 hover 下拉菜单效果图: 源码: <html><head> <meta charset="utf-8"> ...
HTML设置不生效的原因,CSS中hover出现不生效的几个原因？
在设置CSS的hover时,有时会发现hover不起作用,总结一下原因: 提示:在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的. 提示:在 CS ...
css实现hover遮图罩
** css实现hover遮图罩萌新一枚,第一次写,有不周到和不合理的地方请大佬们多多提意见~ 在百度前端学院学到做一个简单的网页,写写笔记,加深一下理解,也可以给一些需要的朋友一点参考~ 鼠标ho ...
CSS中hover出现不生效的几个原因？
在设置CSS的hover时,有时会发现hover不起作用,总结一下原因: 提示:在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的. 提示:在 CS ...
html中加hover啥意思,css中hover是什么意思
css中:hover是一个伪类选择器,:hover伪类选择器在鼠标移到元素上时向此元素添加特殊的样式.:hover选择器适用于所有元素. 要使用css对HTML页面中的元素实现一对一,一对多或者多对一 ...
JS实现css的hover效果，兼容移动端
Hi I'm Shendi JS实现css的hover效果,兼容移动端功能概述 CSS的hover即触碰时触发,在电脑端鼠标触碰,移动端手指触摸有的时候光靠css实现不了一些效果,例如元素触发ho ...
html hover效果下拉个框,CSS实现Hover下拉菜单的方法
老规矩,今天来讲一个很实用的css效果,当鼠标移到按钮的时候就会自动显示下拉菜单.效果如下: 很简单的一个小demo,实现步骤如下: 首先定义一个大的div包裹一个button和一个a链接组分别设置d ...
css 鼠标hover 小手、箭头等样式
css 鼠标 hover 里 cursor 的属性 (小手.箭头-) 属性 cursor 属性值描述 ur l 需使用的自定义光标的 URL default 默认光标(通常是一个箭头) auto 默 ...
css 的 hover属性详解
css 的 hover 属性是一种伪类选择器,它可以用来在鼠标悬停在某个元素上时改变该元素或其子元素.同级元素.相邻元素的样式 .hover 属性可以应用于任何元素,不仅仅是链接 .使用 hover ...

CSS a:hover

CSS a:hover相关推荐

最新文章

热门文章