本教程操作环境：windows7系统、css3&&html5版、dell g3电脑。
css实现鼠标经过显示离开隐藏效果
实现思想：
先将元素隐藏起来；
然后使用“:hover”选择器设置鼠标经过样式--显示元素
实现代码：
<!doctype html><html> <head> <style> div { width: 520px; height: 50px; background-color: #008000; } span{ color: azure; display: none; } div:hover span{ display:block; } </style> </head> <body> <div> <span>hello</span> </div> </body></html>
效果图：
（学习视频分享：css视频教程）
以上就是css怎么实现鼠标经过显示离开隐藏效果的详细内容。