ImagesLesson 74Preview gratis
Image Text Blocks
Lesson ini bagian dari How To · Semua level
Ringkasan
Image text blocks menempatkan kotak teks padat atau semi-transparan di atas sebagian gambar. Kotak ini memberi ruang baca yang jelas tanpa harus menutupi seluruh foto. Ukuran, posisi, dan warna latar kotak dapat diatur agar selaras dengan desain.
Poin kunci
- Kotak teks diposisikan absolute di dalam kontainer gambar relative.
- background dengan alpha memberi kesan transparan namun tetap terbaca.
- padding menciptakan ruang nyaman di dalam kotak teks.
- width: min(300px, 70%) membatasi lebar kotak secara responsif.
- box-shadow dapat memisahkan kotak dari latar gambar.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.