CSS3: Mudahnya Membuat Border Lengkung dengan border-radius

Salah satu properti CSS3 yang paling berguna adalah border-radius. Web desainer tidak perlu lagi menggunakan gambar/graphic untuk mendapatkan efek border lengkung di setiap sudut. Tampilan tabel atau border akan terlihat cantik dan elegan.
Internet Explorer tidak mendukung banyak properti CSS lanjut, kamu bisa menggunakan Firefox, Opera, Chrome atau Safari. Jadi jangan terkejut jika kamu tidak mendapatkan efek yang kamu inginkan di IE.

Sintaks untuk border-radius

Seperti properti CSS yang berhubungan dengan margin, padding, atau border, ada empat properti, masing-masing satu untuk setiap sisi dan ada juga shorthand (penggabungan) keempat sisi sekaligus. Untuk nilainya dapat menggunakan satuan ‘px’ atau ‘em’.

Contoh Penggunaan

Contoh berikut ini menggunakan Firefox dengan properti -moz-border-radius dan
Safari/Chrome dengan properti -webkit-border-radius
 


Sumber : http://ginigitu.com/tips-trik/css3-sudut-lengkung-border-radius.htm