MoreLesson 245Preview gratis
Shapes
Lesson ini bagian dari How To · Semua level
Ringkasan
CSS dapat membentuk lingkaran, segitiga, elips, dan poligon tanpa file gambar. Lingkaran memakai border-radius: 50%, segitiga memanfaatkan border transparan, dan bentuk bebas dibuat dengan clip-path. Bentuk dekoratif sebaiknya tidak membawa informasi penting sendirian agar tetap dapat dipahami semua pengguna.
Poin kunci
- border-radius: 50% pada elemen persegi menghasilkan lingkaran; pada persegi panjang menghasilkan elips.
- Segitiga dibuat dari border dengan ukuran elemen nol.
- clip-path: polygon(...) memotong elemen mengikuti titik koordinat.
- aspect-ratio membantu menjaga proporsi bentuk saat ukuran berubah.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.