HTML and CSS Reference
In-Depth Information
Danach folgen die Schaltflächen. Aus Demogründen wollen Sie eine Art Taschenrech-
ner-Layout gestalten, also einfache Buttons mit den Zahlen 1-9:
<button>1</button>
<button>2</button>
<button>3</button>
<button>4</button>
<button>5</button>
<button>6</button>
<button>7</button>
<button>8</button>
<button>9</button>
Damit die Anordnung auch an einen Taschenrechner erinnert, vergrößern Sie die
Buttons per CSS und ordnen sie zentriert auf dem Bildschirm an:
body {
text-align: center;
}
button {
width: 30%;
height: 50px;
margin-bottom: 5px;
}
Abbildung 4.38 Der Sound-Taschenrechner
Search WWH ::




Custom Search