边肖将与大家分享css如何实现鼠标显示后离开的隐藏效果。相信大部分人还是不太了解，所以分享这篇文章供大家参考。希望你看完这篇文章后有很多收获。我们一起来看看吧！
方法：1。添加“display:无；”到元素。样式，先隐藏元素；2.使用“:悬停”选择器和“显示：块设置鼠标显示效果的样式，语法“Parent element : hover element { display 3360 block；}”。
本教程操作环境：windows7系统，CSS3HTML5第5版，戴尔G3电脑。
css实现鼠标经过显示离开隐藏效果
实现思想：
先隐藏元素；
然后使用“:悬停”选择器设置鼠标传递样式显示元素。
实现代码：
！DOCTYPEhtml
超文本标记语言
头
风格
div{
宽度width:520px
高度：50 px；
背景-颜色： # 008000；
}
span{
color:azure
display:none
}
div :悬停{
显示：块；
}
/style
/head
身体
差异
span你好/span
/div
/body
/html渲染：
以上就是《css如何实现鼠标显示后留下隐藏效果》一文的全部内容。感谢您的阅读！相信大家都有一定的了解，希望分享的内容对大家有所帮助。想了解更多知识，请关注行业资讯频道！
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/90603.html