Cara Mudah Membuat Border Rounded

Kali ini saya akan mengangkat tema mempercantik Border standar dengan Rounded. Istilah Rounded dipakai untuk border atau frame tanpa sudut, atau menggunakan sudut yang melengkung. Kesan yang didapat jika kita memakai border tanpa sudut adalah kerapian dan estetika.

Baik kita langsung pada pokok masalah tehnisnya:

Untuk Kode Standard adalah seperti ini :

border:1px solid #ccc;

Untuk menjadikan Rounded Border tambahkan kode ini setelah kode border standard :

border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px; 

Sehingga Hasil ahir akan  seperti ini:

border:1px solid #ccc;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;

Selamat mencoba semoga bermanfaat 

Post By : Kusnuzon Ma'ruf

Posted in: CSS,HTML