Cara Membuat Border menjadi Tumpul [Round Corner]

Baca Juga

Daftar isi: [Tampil]

Cara Membuat Border menjadi Tumpul [Round Corner] - Kali ini saya akan share sebuah tutorial blog yang mungkin berguna untuk kalian yang melihat ini. Maksud dari artikel ini adalah border yang siku-siku menjadi tumpul. Contohnya ada di gambar :D Kalo kalian pengen seperti di gambar, langsung aja KTP eh salah TKP!

Langkah-langkahnya :

1. Login ke Blogger
2. Masuk ke Rancangan - Edit HTML - centang Expand Template Widget (Sebelum pengeditan saya sarankan untuk mendownload templatenya terlebih dahulu)
3. Tambahkan kode ini, dan letakkan dimana sobat mau

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-o-border-radius: 5px;

 Contoh :

#header-wrapper {
  width:910px;
  margin:50px auto 10px;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-o-border-radius: 5px;}

Sekian tutorial yang saya buat, semoga bermanfaat bagi kalian yang mencobanya! ^_^
Sumber