W3.CSSLesson 42Preview gratis
W3.CSS Badges
Lesson ini bagian dari W3.CSS · Semua level
Ringkasan
Badge adalah label kecil yang menampilkan angka atau status ringkas, seperti jumlah notifikasi pesan. W3.CSS menyediakan kelas .w3-badge yang ditempel pada <span> di dalam tombol atau teks. Ukuran dan warna latarnya bisa diatur dengan kelas warna W3.CSS agar informasi cepat terlihat.
Poin kunci
- .w3-badge menampilkan label kecil berlatar warna dengan teks kontras
- Diletakkan di dalam <button>, <a>, atau elemen teks sebagai penanda angka
- Ubah warna latar dengan kelas warna seperti .w3-red atau .w3-blue
- Bungkus dengan elemen berposisi relative untuk membuat titik notifikasi mengambang
- Gunakan badge hanya untuk informasi singkat agar tidak membingungkan
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.