CSS AdvancedLesson 49Preview gratis
CSS Rounded Corners
Lesson ini bagian dari CSS · Semua level
Ringkasan
Pelajaran ini membahas cara membuat sudut elemen membulat menggunakan properti `border-radius`. Nilai radius bisa berupa satuan panjang seperti px atau persen terhadap ukuran elemen. Dengan persen 50%, kotak bisa diubah menjadi lingkaran atau elips. Radius juga bisa diatur per sudut untuk bentuk yang lebih unik.
Poin kunci
- `border-radius` membulatkan sudut sebuah elemen
- Satu nilai berlaku untuk keempat sudut; empat nilai berurutan = kiri-atas, kanan-atas, kanan-bawah, kiri-bawah
- Nilai persen dihitung terhadap lebar/tinggi elemen, sehingga 50% menghasilkan bentuk bulat
- Tiap sudut punya properti turunan, misalnya `border-top-left-radius`
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.