Maison > Article > interface Web > Comment masquer le bouton en CSS
Comment masquer le bouton en CSS
- 王林original
- 2021-05-17 15:52:575967parcourir
La façon de masquer un bouton en CSS est d'ajouter l'attribut d'affichage au bouton, tel que [style="display:none;"]. L'attribut display spécifie le type de boîte que l'élément doit générer. Aucun signifie que l'élément n'est pas affiché.
L'environnement d'exploitation de cet article : système Windows 10, CSS 3, ordinateur thinkpad t480.
Si nous voulons obtenir l'effet de masquer le bouton, nous pouvons utiliser l'attribut d'affichage. Présentons cet attribut en détail ci-dessous.
L'attribut display spécifie le type de boîte que l'élément doit générer.
Valeur de l'attribut :
aucun Cet élément ne sera pas affiché.
block Cet élément sera affiché comme un élément de niveau bloc, avec des sauts de ligne avant et après cet élément.
en ligne par défaut. Cet élément sera affiché comme un élément en ligne sans saut de ligne avant ou après l'élément.
Code spécifique :
<!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>Partage vidéo associé : tutoriel vidéo CSS
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!