css3怎么实现点击隐藏div

在css3中，可以利用“:active”选择器和display属性来实现点击隐藏div的效果，只需要给div元素添加“”

创新互联长期为上千客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为永昌企业提供专业的成都网站设计、做网站，永昌网站改版等技术服务。拥有10余年丰富建站经验和众多成功案例,为您定制开发。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

在css3中，可以利用“:active”选择器和display属性来实现点击隐藏div的效果。

实现代码：

:active选择器

active的英文解释为“积极的”，表现在鼠标上就是点击的意思。

将元素设置为display:none后，元素在页面上将彻底消失，元素本来占有的空间就会被其他元素占有，也就是说它会导致浏览器的重排和重绘。

（学习视频分享：css视频教程）