Pada materi kali ini akan di jelaskan fungsi Border Radius pada CSS3 , border radius yaitu suatu style yang memberikan nilai lengkungan terhadap obyek , jadi jika teman teman ingin membuat obyek dengan ujung sisinya melengkung maka harus membuatnya dengan Border radius , oke untuk praktek nya langsung ikuti langkah langkah di bawah ini :
1. Buat sebuah file HTML
2.Lalu teman teman buat struktur html seperti di bawah ini :
3. Lalu ketikan CSS seperti dibawah ini :
oke maka akan hasilnya akan menjadi seperti di bawah ini :
oke jadi kita jika memasukan nilai dengan border-radius:1opx; maka semua sisi akan melekung sebanyak 10px , ada juga dengan penulisan 4 value , seperti contoh border-radius: 1px 2px 3px 4px; maka pada value pertama yaitu untuk sisi bagian atas kiri , value kedua atas kanan , value ketiga bawah kanan dan value ke empat bawah kiri.
teman teman juga bisa membuat sebuah lingkaran dengan border radius , dengan syarat ukuran tinggi dan lebar sama dan berikan nilai border radius sebesar mungkin maka akan menjadibulat.
selamat mencoba dan semoga bermanfaat 😀