Rumah > Artikel > hujung hadapan web > css怎么隐藏按钮
css怎么隐藏按钮
- 王林asal
- 2021-05-17 15:52:575957semak imbas
css隐藏按钮的方法是，给按钮添加display属性，例如【style="display:none;"】。display属性规定元素应该生成的框的类型，none表示元素不被显示。
本文操作环境：windows10系统、css 3、thinkpad t480电脑。
如果我们要实现隐藏按钮的效果，可以使用display属性，下面我们详细介绍下这个属性。
display 属性规定元素应该生成的框的类型。
属性值：
none 此元素不会被显示。
block 此元素将显示为块级元素，此元素前后会带有换行符。
inline 默认。此元素会被显示为内联元素，元素前后没有换行符。
具体代码：
<!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>相关视频分享：css视频教程
Atas ialah kandungan terperinci css怎么隐藏按钮. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css怎么实现内容超出隐藏效果Artikel seterusnya：css怎么设置按钮边框的颜色