CSS AdvancedLesson 51Preview gratis
CSS Backgrounds
Lesson ini bagian dari CSS · Semua level
Ringkasan
Pelajaran ini membahas properti-properti latar belakang modern: `background-size`, `background-position`, `background-origin`, `background-clip`, dan `background-attachment`. Kita juga bisa menumpuk beberapa gambar latar sekaligus dalam satu elemen. Dengan kombinasi ini, latar bisa dibuat lebih dinamis seperti hero section parallax.
Poin kunci
- `background-size` menerima `cover`, `contain`, atau nilai panjang seperti `100% 50%`
- `background-position` menentukan titik fokus gambar, misalnya `center top`
- Beberapa gambar latar bisa ditumpuk, dipisahkan koma; yang pertama paling atas
- `background-clip: content-box` memotong latar agar hanya tampil di area konten
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.