ButtonsLesson 113Preview gratis
Block Buttons
Lesson ini bagian dari How To · Semua level
Ringkasan
Block button adalah tombol yang memenuhi seluruh lebar kontainernya dan berdiri sendiri dalam satu baris. Gaya ini dibuat dengan display: block dan width: 100%. Block button sering dipakai pada formulir, halaman login, dan antarmuka seluler.
Poin kunci
- display: block membuat tombol menempati baris sendiri.
- width: 100% membuat tombol mengisi lebar kontainer.
- box-sizing: border-box mencegah padding menambah lebar total.
- Margin vertikal memberi jarak antar tombol yang bertumpuk.
- Gunakan block button untuk aksi utama yang ingin mudah dijangkau.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.