0
点赞
收藏
分享

微信扫一扫

CSS :hover 选择器

仅供学习,转载请注明出处

hover的用处

​:hover​​ 选择器是用来给鼠标指针在其上浮动的链接设置样式。

下来使用hover来解决一个简答的需求。

当鼠标在超链接上,超链接背景颜色变为gold颜色


CSS :hover 选择器_鼠标移动


鼠标移动上去,则如下:


CSS :hover 选择器_鼠标移动_02


可以看到,当鼠标移动上去之后,背景的颜色就改变了。

那么​​:hover​​的这个特性只能给 a 标签使用吗?下面用span和div来测试一下看看。

使用span来测试能否使用 ​​:hover​​ 功能


CSS :hover 选择器_python_03


使用div来测试能否使用​​:hover​​功能


CSS :hover 选择器_python_04


好了,既然div可以,那么下面可以使用display来实现一个小功能。

div使用​​:hover​​功能实现内嵌一个div隐藏、呈现功能


CSS :hover 选择器_超链接_05


使用​​display: none​​ 就可以实现鼠标移动到绿色div就隐藏的效果的了。


CSS :hover 选择器_python_06




举报

相关推荐

0 条评论