CSS Visual ToolsLesson 75Preview gratis
Border Radius
Lesson ini bagian dari Web Developer Tools · Semua level
Ringkasan
Border radius generator membantu mengatur sudut membulat pada elemen dengan pratinjau langsung. Kamu bisa memakai satu nilai untuk semua sudut, empat nilai terpisah, atau sintaks garis miring untuk radius horizontal dan vertikal. Hasilnya sering dipakai untuk kartu, tombol, avatar, dan gambar profil.
Poin kunci
- Satu nilai border-radius membulatkan keempat sudut sama besar
- Empat nilai mengikuti urutan kiri atas, kanan atas, kanan bawah, kiri bawah
- Nilai 50% pada elemen persegi menghasilkan lingkaran
- Garis miring memisahkan radius horizontal dan vertikal
- overflow: hidden diperlukan agar isi anak mengikuti sudut membulat
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.