css隐藏按钮的方法是,给按钮添加display属性,例如【style=display:none;】。display属性规定元素应该生成的框的类型,none表示元素不被显示。
本文操作环境:windows10系统、css 3、thinkpad t480电脑。
如果我们要实现隐藏按钮的效果,可以使用display属性,下面我们详细介绍下这个属性。
属性值:
具体代码:
<!DOCTYPE html> <html> <head> <Meta charset=UTF-8> <title>Title</title> </head> <body> <div> <!--display:block:显示按钮--> <button id=displayBtn style=display:block>显示按钮</button> <!--display:block:隐藏按钮--> <button id=hiddenBtn style=display:none;>隐藏按钮</button> </div> </body> </html>