suchen

Heim  >  Artikel  >  Web-Frontend  >  So verstecken Sie eine Schaltfläche in CSS

So verstecken Sie eine Schaltfläche in CSS

王林
王林Original
2021-05-17 15:52:575994Durchsuche

Die Möglichkeit, eine Schaltfläche in CSS auszublenden, besteht darin, der Schaltfläche das Anzeigeattribut hinzuzufügen, z. B. [style="display:none;"]. Das Anzeigeattribut gibt den Typ des Felds an, das das Element generieren soll. Keine bedeutet, dass das Element nicht angezeigt wird.

So verstecken Sie eine Schaltfläche in CSS

Die Betriebsumgebung dieses Artikels: Windows 10-System, CSS 3, Thinkpad T480-Computer.

Wenn wir den Effekt des Ausblendens von Schaltflächen erzielen möchten, können wir das Anzeigeattribut verwenden. Lassen Sie uns dieses Attribut unten ausführlich vorstellen. Das

display-Attribut gibt den Typ der Box an, die das Element generieren soll.

Attributwert:

  • none Dieses Element wird nicht angezeigt.​

  • block Dieses Element wird als Element auf Blockebene angezeigt, mit Zeilenumbrüchen vor und nach diesem Element.

  • Inline-Standard. Dieses Element wird als Inline-Element ohne Zeilenumbrüche vor oder nach dem Element angezeigt.

Spezifischer Code: 

<!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>

Verwandte Videofreigabe: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo verstecken Sie eine Schaltfläche in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：So erzielen Sie Inhalte, die über den Versteckeffekt in CSS hinausgehenNächster Artikel：So erzielen Sie Inhalte, die über den Versteckeffekt in CSS hinausgehen

In Verbindung stehende Artikel

Mehr sehen