Belajar Border Radius di CSS

Posted by Yogo Prestiyanto on Wednesday, November 21, 2012

Border radius adalah membuat sudut bulat di CSS. Border radius semakin memudahkan kita dalam membuat desain yang menarik untuk halaman web.
Properti border radius mudah digunakan dan mendukung untuk semua browser walaupun dengan beberapa perbedaan.

Langsung saja, saya lebih suka memberi contoh daripada ber-teori.

 Tulis script dibawah ini dengan text editor simpan dengan nama file index.html



Untuk tampilannya gunakan Mozilla Firefox atau browser lainnya, jalankan file index.html.

Priview dari script diatas adalah seperti ini :
Belajar Border Radius di CSS















Maka bentuk akan menjadi lebih menarik dengan garis lengkung di setiap sudutnya.
Tertarik untuk belajar lagi silahkan anda kembangkan sendiri script diatas untuk lebih jelasnya.


   

{ 0 comments... read them below or add one }

Post a Comment