Border Radius



Halo yozers,
Sory ya kemarin belum sempat posting, :D
Tapi kali ini saya akan posting tentang "Border Radius" , 
Border radius adalah lengkungan yang terjadi pada suatu border,
Border radius ini juga bisa di manfa'atkan untuk membuat border berbentuk lingkaran. >.<
Mungkin akan saya post berikutnya. >.< 
Berikut adalah contoh dari border radius : 



Hampir di semua sisi template "The Light Blue Yozers" ini saya menggunakan border radius,
Dan contoh dari kode CSS untuk border radius adalah sebagai berikut : 

.Yzradius
width: 100px;
height: 100px;
background: #333;
border: 5px solid #111;
border-radius: 50px 40px 30px 20px;}
Nah,kode yang berwarna merah itulah yang dinamakan "Border Radius",
Cara menyesuaikannya adalah : 
- Kode 50px : Radius dari border yang berada di pojok kiri atas,
- Kode 40px : Radius dari border yang berada di pojok kanan atas,
- Kode 30px : Radius dari border yang berada di pojok kanan bawah,
- Kode 20px : Radius dari border yang berada di pojok kiri bawah,
Ini hanyalah contoh,
Bila anda ingin memasangnya di blog anda,
Bisa hanya menggunakan kode yang berwarna merah saja,
Dan sesuaikan menurut keterangan di atas,

Cukup mudah kan?
Saya rasa sudah cukup,
Sekian,
Terimkasih :D

2 komentar:

Selamat Datang Di Go Yozers (●▫●) /
Rules Berkomentar :
[ ● ] Gunakan Bahasa Yang Sopan,
[ ● ] Dilarang Menggunkan Kata-Kata Kotor,
[ ● ] Dilarang Memasang Link Yang Berbau Por*o,
[ ● ] Dilarang Spam,
[ ● ] Dilarang Sara,
[ ● ] Dilarang Memakai Bahasa Kaskus ( Gan,Agan,Ente,Ane,Pertamax,DLL ) ,
[ ● ] Berilah Komentar Yang Ada Hubungannya Dengan Artikel,

Jika ada yang melanggar,saya akan langsung menghapus komentar tersebut.
Terimakasih! \ (●▫●) /