Wie man erstellt: vollständiger (blockartiger) Button

Lernen Sie, wie man den Stil eines vollständigen (blockartigen) Buttons mit CSS einstellt.

Wie man den Stil eines Blockbuttons einstellt

Schritt 1 - Fügen Sie HTML hinzu:

<button type="button" class="block">Block Button</button>

Schritt 2 - Fügen Sie CSS hinzu:

Um einen Blockbutton zu erstellen, fügen Sie eine Breite von 100% hinzu und machen Sie ihn zu einem Block-Element:

.block {
  display: block;
  width: 100%;
  border: none;
  background-color: #04AA6D;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
}

Versuchen Sie es selbst

Verwandte Seiten

Tutorials:CSS-Taste