MoreLesson 194Preview gratis
Labels
Lesson ini bagian dari How To · Semua level
Ringkasan
Label atau badge adalah penanda kecil berisi teks singkat untuk memberi kategori, status, atau keterangan pada suatu item. Karena ukurannya kecil, label harus tetap terbaca dan tidak mengambil perhatian berlebihan. CSS seperti padding, border-radius, dan warna kontras membuat label tampil rapi, sementara display: inline-block menjaga ukurannya mengikuti isi.
Poin kunci
- Label umumnya berupa elemen inline-block agar lebarnya mengikuti teks
- Gunakan padding kecil dan border-radius untuk bentuk pil yang nyaman dibaca
- Pilih kombinasi warna dengan kontras memadai antara teks dan latar
- Manfaatkan label untuk status seperti Baru, Populer, atau Habis
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.