Membuat Sudut Lengkung Pada Garis Border

Membuat Sudut Lengkung Pada Garis Border, Cara Membuat Sudut Garis Border Lengkung atau Tumpul, memberi efek tumpul atau lengkung pada garis Border bisa membuat blog anda tampak keren dan indah, untuk bisa melakukan proses agar border berbentuk lengkung pada blog anda maka ikuti cara dibawah ini :

border-radius: 7px;

border: 2px solid #72C7F8;

Penangkaran burung memberikan keterangan  :

border-radius sebesar 7px akan menghasilkan garis lengkung seukuran angka tersebut pada setiap sudut-sudutnya, baik itu sudut kiri atas, kanan atas, kiri bawah dan kanan bawah.

Untuk membuat sudut garis border berbeda pada setiap sudutnya, kita harus memberi keterangan perintah tambahan pada kode css nya, sebagai contoh saya akan membuat sudut lengkung pada bagian kanan atas suatu border dengan angka lengkung sebesar 40px, kode css yang di pakai adalah :

border-radius: 40px 0px 0px 0px;
-moz-border-radius: 30px 0px 0px 0px;
-webkit-border-radius: 30px 0px 0px 0px;
border: 2px solid #72C7F7;

keterangan :
moz = mozila, webkit = chrome dan safari, keterangan moz dan webkit merupakan perintah terhadap browser supaya efek tersebut bisa berjalan jika menggunakan browser tersebut.
border adalah perintah untuk bagian garis sisi-sisinya
radius adalah kode perintah untuk membuat sudut lengkung
40px = bagian atas 0px = kanan 0px  = bawah 0px = kiri, angka kelengkungan dari sudut border
border: 2px solid #72C7F7 keterangan garis border setebal 2px dengan jenis garis solid dan warna garis #72C7F7.



Bila anda telah berhasil menerapkan cara diatas, jangan lupa kasih aku uang ya.... :)
Selamat bila anda telah berhasil Membuat Sudut Lengkung Pada Garis Border

Backlink here..

<a href="http://taman-ternak.blogspot.com/2013/02/membuat-sudut-lengkung-pada-garis-border.html" target="_blank"><b>Membuat Sudut Lengkung Pada Garis Border</b></a>, Cara Membuat Sudut Garis Border Lengkung atau Tumpul, memberi efek tumpul atau lengkung pada garis Border bisa membuat blog anda tampak keren dan indah, untuk bisa melakukan proses agar border berbentuk lengkung pada blog anda maka ikuti cara dibawah ini :<br /> <br /> <div style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;"> border-radius: 7px;</div> <div style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;"> border: 2px solid #72C7F8;</div> <br /> <a href="http://taman-ternak.blogspot.com/" target="_blank">Penangkaran burung</a> memberikan keterangan  :<br /> <br /> border-radius sebesar 7px akan menghasilkan garis lengkung seukuran angka tersebut pada setiap sudut-sudutnya, baik itu sudut kiri atas, kanan atas, kiri bawah dan kanan bawah.<br /> <br /> Untuk membuat sudut garis border berbeda pada setiap sudutnya, kita harus memberi keterangan perintah tambahan pada kode css nya, sebagai contoh saya akan membuat sudut lengkung pada bagian kanan atas suatu border dengan angka lengkung sebesar 40px, kode css yang di pakai adalah :<br /> <br /> <div style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;"> border-radius: 40px 0px 0px 0px; <br /> -moz-border-radius: 30px 0px 0px 0px; <br /> -webkit-border-radius: 30px 0px 0px 0px; <br /> border: 2px solid #72C7F7;</div> <br /> keterangan : <br /> <i style="color: #bf9000;">moz</i> = mozila, <i style="color: #bf9000;">webkit</i> = chrome dan safari, keterangan moz dan webkit merupakan perintah terhadap browser supaya efek tersebut bisa berjalan jika menggunakan browser tersebut.<br /> <i style="color: #bf9000;">border</i> adalah perintah untuk bagian garis sisi-sisinya<br /> <span style="color: black;">radius</span> adalah kode perintah untuk membuat sudut lengkung<br /> <i style="color: #bf9000;">40px</i> = bagian atas <i style="color: #bf9000;">0px</i> = kanan <i style="color: #bf9000;">0px</i>  = bawah <i style="color: #bf9000;">0px</i> = kiri, angka kelengkungan dari sudut border<br /> <i><b>border: 2px solid #72C7F7</b></i> keterangan garis border setebal <b>2px</b> dengan jenis garis <b>solid </b>dan warna garis <i><b>#72C7F7.</b></i><br /> <br /> <br /> <br /> Bila anda telah berhasil menerapkan cara diatas, jangan lupa kasih aku uang ya.... :)<br /> Selamat bila anda telah berhasil <a href="http://taman-ternak.blogspot.com/2013/02/membuat-sudut-lengkung-pada-garis-border.html" target="_blank"><b>Membuat Sudut Lengkung Pada Garis Border</b></a> <br/> Sumber: <a href='http://taman-ternak.blogspot.com/2013/02/membuat-sudut-lengkung-pada-garis-border.html'> penangkaran burung </a>