W3.CSSLesson 6Preview gratis
W3.CSS Cards
Lesson ini bagian dari W3.CSS · Semua level
Ringkasan
Card adalah kartu kontainer dengan bayangan yang dipakai untuk membungkus gambar, teks, dan tombol dalam satu unit visual. W3.CSS menyediakan class w3-card yang langsung menambahkan box-shadow, sehingga konten terlihat terangkat di atas latar halaman. Card sangat populer untuk daftar produk, profil, dan konten berita.
Poin kunci
- w3-card menambahkan box-shadow pada container
- w3-hover-shadow memperbesar bayangan saat kursor berada di atasnya
- Card biasanya berisi kombinasi gambar, heading, teks, dan tombol
- Tambahkan padding agar isi kartu tidak menempel pada tepi bayangan
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.