ButtonsLesson 115Preview gratis
Round Buttons
Lesson ini bagian dari How To · Semua level
Ringkasan
Round button adalah tombol berbentuk lingkaran, biasanya berisi ikon atau teks sangat pendek. Bentuk ini dibuat dengan border-radius: 50% serta lebar dan tinggi yang sama. Round button sering dipakai untuk kontrol pemutar media, tombol tutup, dan aksi cepat.
Poin kunci
- border-radius: 50% membuat sudut membulat penuh.
- Lebar dan tinggi harus sama agar hasilnya lingkaran, bukan elips.
- Flexbox memudahkan pemusatan ikon atau teks di tengah.
- Tetap sediakan aria-label jika tombol hanya berisi ikon.
- Pastikan area klik cukup besar dan kontras ikon memadai.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.