Cara Membuat Rounded Corner Pada Border

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.

Artikel Terkait..