Border Blog dan Model bentuknya

Contoh Border I

• Kodenya :
  -moz-border-radius-bottomright: 100px;
  border-bottom-right-radius: 100px;

Contoh Border II

• Kodenya :
  -moz-border-radius-topleft: 100px;
  border-top-left-radius: 100px;
  

Contoh Border III

• Kodenya :
  -moz-border-radius-bottomright: 50px 25px;
  border-bottom-right-radius: 50px 25px; 

Contoh Border IV

• Kodenya :
  -moz-border-radius: 1em 4em 1em 4em;
  border-radius: 1em 4em 1em 4em;

Contoh Border V

• Kodenya :
  -moz-border-radius: 25px 10px / 10px 25px;
  border-radius: 25px 10px / 10px 25px;  

Contoh Border VI

• Kodenya :
  -moz-border-radius: 35px;
  border-radius: 35px;

Contoh Border VII

• Kodenya :
  border-radius: 8px;

misalkan apabila kita ingin membuat bingkai pada tulisan atau postingan seperti ini

<div style="border: 1px solid #FF0000;
margin: 10px 0px; padding: 10px; width: auto; height: auto; text-align: center; color: #00FFFB;">Teks Kita Disini</div>

dan akan kita beri border model I dan Model II maka bentuknya scriptnya akan menjadi seperti ini

<div style="border: 1px solid #FF0000;

-moz-border-radius-bottomright: 100px;
border-bottom-right-radius: 100px;

-moz-border-radius-topleft: 100px;
border-top-left-radius: 100px; 

margin: 10px 0px; padding: 10px; width: auto; height: auto; text-align: center; color: #00FFFB">Teks Kita Disini</div>

Hasilnya akan seperti ini

Teks Kita Disini

NB :
apabila sobat tidak mau ribet dalam mencari model atau bentuk border sesuai keinginan sobat sendiri
silahkan sobat mampir ke situs software border generator disini