Border Radius

Halo JamesB-S

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

Sumber

Border Radius 9 Out Of 10 Based On 10 Ratings. 9 User Reviews.

Share This To :

• Facebook
• Twitter
• Google+
• StumbleUpon
• Digg
• Delicious
• LinkedIn
• Reddit
• Technorati

Anda baru saja membaca artikel yang berkategori Tutorial Blog dengan judul Border Radius. Anda bisa bookmark halaman ini dengan URL http://jamesb-s.blogspot.com/2013/10/border-radius.html. Terima kasih!

Ditulis oleh: Unknown - Selasa, 01 Oktober 2013