Cara membuat Rounded Borders menggunakan CSS

Sobat tahu tidak apakah yang dimaksud dengan Rounded Border ? Rounded Border adalah sebuah border dengan gaya baru yang di perkenalkan melalui CSS3. Border gaya ini merupakan sebuah border yang cukup menarik bagi kalangan yang menyukainya. Nah, apakah sobat juga menyukainya? Apakah sobat juga sedang mencari tahu bagaimana sih border sejenis itu dibuat ? Koq menarik sekali ? Hehehe 

Jika demikian, ayo lanjutin membacanya karena kita akan membahasnya sampai tuntas. Rawe-rawe rantah, marang-marang putong. Opo iki ??? Rounded Border memiliki beberapa tipe, ada yang full dan ada yang setengah.

Untuk membuat rounded border,
kita bisa menggunakan properti border-radius atau -moz-border-radius;

Contoh :

.round1{
     height : 50px ;
     width : 80%;
     border : 1px solid #cccccc;
     border-radius : 20px;
     -moz-border-radius : 20px /* Mozilla and Earlier */
}

Hasilnya seperti ini :