Belajar CSS Part 20 : CSS3 Rounded Corners

CSS3 ROUNDED CORNERS

Assalamu'alaikum Wr. Wb

Hai sobat semua terim kasih sudah mengunjungi blog saya ini. Kesempatan sebelumnya kita sudah mengenal apa itu CSS3, untuk kesempatan kali ini kita akan mulai masuk ke contoh-contoh dari CSS3 yaitu Rounded  Corners pada CSS3.

Langsung saja yuk...

Dengan CSS3 properti border-radius kita dapat memberikan sudut membulat pada setiap elemen.

Contoh 1 :

Hasilnya :

Contoh 2 :

Hasilnya :

Contoh 3 :

Hasilnya :

Silaka dicoba sendiri ya sobat, apabila ada pertanyaan silakan tinggalkan jejeak dikolom komentar. Terima Kasih.

• Kesimpulan

 Dapat disimpulkan bahwa dengan CSS3 properti border-radius kita dapat memberikan sudut membulat pada setiap elemen.

Referensi :
http://www.w3schools.com/css/css3_borders.asp

Wassalamu'alaikum Wr. Wb