本篇文章为大家展示了怎么在css中不显示元素,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
成都创新互联主营麻栗坡网站建设的网络公司,主营网站建设方案,成都App制作,麻栗坡h5小程序制作搭建,麻栗坡网站营销推广欢迎麻栗坡等地区企业咨询
css设置不显示元素的方法:
(1)display: none;
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <style type="text/css"> .box { width: 160px; height: 100px; background: #cad5eb; } .title { height: 40px; background: #54a962; } .content { height: 60px; background: #5650bb; } </style> </head> <body> <div class="box"> <h4 class="title">标题</h4> <p class="content">内容</p> </div> </body> </html>
设置display: none;后的效果如下显示
可以看出原来的标题部分不见了,而内容部分占领了原来标题的部分
(2)visibility: hidden;
还是上面的例子,只是这次将display:none;改成visibility: hidden; 但结果却大不相同
上述内容就是怎么在css中不显示元素,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注创新互联行业资讯频道。
当前名称:怎么在css中不显示元素
网站URL:https://www.cdcxhl.com/article40/phddho.html
成都网站建设公司_创新互联,为您提供外贸网站建设、自适应网站、动态网站、用户体验、网页设计公司、虚拟主机
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联