css3 显示跟隐藏
导读:CSS3是前端开发中一个重要的技术,在页面设计中可以做到很多炫酷的效果。其中,显示跟隐藏是常用的功能之一。通过CSS3中的display属性可以很方便地实现元素的显示跟隐藏。下面是一个例子:#box {display: none;}上面的代...
CSS3是前端开发中一个重要的技术,在页面设计中可以做到很多炫酷的效果。其中,显示跟隐藏是常用的功能之一。
通过CSS3中的display属性可以很方便地实现元素的显示跟隐藏。下面是一个例子:
#box {
display: none;
}
上面的代码是隐藏id为box的元素。
#box {
display: block;
}
上面的代码是显示id为box的元素。
除了使用display属性,我们还可以使用visibility属性来实现元素的显示跟隐藏。比如:
#box {
visibility: hidden;
}
上面的代码是将id为box的元素隐藏,但是占据页面空间。
#box {
visibility: visible;
}
上面的代码是显示id为box的元素。
总的来说,通过CSS3的display和visibility属性,我们可以实现元素的显示跟隐藏,让页面效果更加炫酷。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: css3 显示跟隐藏
本文地址: https://pptw.com/jishu/567329.html
