30 April 2011

Cara Membuat Rounded Corner Pada Border

Sebelumnya bagi para master yang sudah tahu maaf ya, saya cuma mau share aja buat sobat blogger yang mungkin belum tahu hehehe. Apa sih rounded corner itu? Yang di maksud rounded corner adalah garis melengkung pada border blog sob, coba deh lihat contoh di bawah. Sebenarnya sangat banyak macam-macam rounded corner, tapi kali ini saya akan membahas yang paling simpel dulu. Kebanyakan border atau garis tepi blog biasanya hanya kotak saja tanpa ada variasi seperti ini.


Contoh border biasa


Contoh border biasa


Sedangkan untuk yang menggunakan rounded corner seperti ini.

Contoh border rounded corner


Contoh border rounded corner

Untuk membuat rounded corner sangat mudah, sobat hanya perlu menambahkan kode warna biru setelah border. Contohnya begini (border:1px solid #000;) ini yang biasa. Kalau ingin menambahkan garis melengkung, hanya menambahkan kode seperti ini (border:1px solid #000;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;). Mudah kan? Silahkan di coba ya kawan..

Semoga bermanfaat.
Alhamdulillah...

No comments:

Post a Comment