Gewusst wie: Schaltflächen in voller Breite (Block).
Erfahren Sie, wie Sie Blockschaltflächen (in voller Breite) mit CSS formatieren.
So stylen Sie Blockschaltflächen
Schritt 1) HTML hinzufügen:
Beispiel
<button
type="button" class="block">Block Button</button>
Schritt 2) CSS hinzufügen:
Um eine Schaltfläche in voller Breite zu erstellen, fügen Sie eine Breite von 100 % hinzu und machen Sie daraus ein Blockelement:
Beispiel
.block {
display: block;
width: 100%;
border: none;
background-color: #04AA6D;
padding: 14px 28px;
font-size: 16px;
cursor: pointer;
text-align: center;
}
Gehen Sie zu unserem CSS-Schaltflächen-Tutorial , um mehr über das Gestalten von Schaltflächen zu erfahren.