ImagesLesson 83Preview gratis
Avatar Images
Lesson ini bagian dari How To · Semua level
Ringkasan
Avatar image adalah foto profil berukuran kecil yang biasanya ditampilkan berbentuk lingkaran. Ukuran lebar dan tinggi dibuat sama, lalu border-radius 50% membentuk lingkaran. object-fit: cover memastikan wajah atau isi foto tidak gepeng saat dipotong.
Poin kunci
- Lebar dan tinggi avatar harus sama agar lingkarannya simetris.
- border-radius: 50% membentuk lingkaran pada elemen persegi.
- object-fit: cover menjaga proporsi foto di dalam lingkaran.
- Border atau box-shadow dapat memisahkan avatar dari latar.
- Teks alt tetap diperlukan untuk menjelaskan siapa yang ada di foto.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.