css点击隐藏的代码是什么
程序员文章站
2022-03-02 22:16:44
...
在css中,点击隐藏的代码为“元素:active{opacity:0;}”;“:active”选择器用于选择元素被点击时的状态并设置样式,opacity属性用于设置元素的不透明级别,也就是当点击元素时,元素隐藏不显示。
本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。
css点击隐藏的代码是什么
在css中,可以利用:active选择器和opacity属性来实现点击隐藏效果,
:active 选择器用于选择活动链接。
当您在一个链接上点击时,它就会成为活动的(激活的)。
opacity 属性设置元素的不透明级别。
具体语法为:
元素:active{opacity: 0; }
示例如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> div{ width: 380px; height: 250px; background-image: url(1118.02.png); } div:active{ opacity: 0; } </style> </head> <body> <div>鼠标点击div盒子</div> </body> </html>
输出结果:
(学习视频分享:css视频教程)
以上就是css点击隐藏的代码是什么的详细内容,更多请关注其它相关文章!
上一篇: css3怎样实现鼠标移动到div显示隐藏div效果
下一篇: css怎样设置文本格式两端对齐
推荐阅读
-
Jquery使用mouseenter和mouseleave事件实现鼠标经过弹出层且可以点击的示例代码分享
-
兼容各种浏览器的上下滚动代码_html/css_WEB-ITnose
-
css代码压缩后的效果有多大?_html/css_WEB-ITnose
-
css中这样写的好处是什么_html/css_WEB-ITnose
-
今天遇到了很奇葩的li a的点击问题。_html/css_WEB-ITnose
-
android重写webview长按时选择文字然后点击搜索按钮的事件,默认是chrome接受点击事件,现在跳转到360搜索页面_html/css_WEB-ITnose
-
css3实现的气泡效果代码实例_html/css_WEB-ITnose
-
HTML+CSS+JS实现堆叠轮播效果的示例代码
-
请教各位测试这段代码的结果是什么
-
HTML5实践- 使用css3丰富图片样式的示例代码