Akhirnya saya bertanya pada Rastanzshare bagaimana cara memasangnya di elemen widget Java script/HTML akhirnya saya diberi tahu bagaimana cara memasangnya, nah ini dia kodenya.
<div style="-moz-border-radius-topleft: 10px; background-color: lime; border: 2px solid rgb(255, 0, 0); padding: 6px 0pt 6px 5px;">
Contoh
rounded
corner</div>
dan tampilannya jadi seperti ini
Contoh
rounded
corner
rounded
corner
perhatikan kode -moz-border-radius-topleft: 10px; ini artinya sudut atas sebelah kiri yang bersudut tumpul dan jika ingin sudu kanan atas yang tumpul maka sobat tinggal menambahkan kode -moz-border-radius-topright: 10px; maka kode nya menjadi seperti ini.
<div style="-moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; background-color: lime; border: 2px solid rgb(255, 0, 0); padding: 6px 0pt 6px 5px;">
Contoh
rounded
corner</div>
dan tampilannya menjadi seperti ini.
Contoh
rounded
corner
rounded
corner
Untuk sudut tumpul bagian bawah kodenya seperti ini.
<div style="-moz-border-radius-bottomleft: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; background-color: lime; border: 2px solid rgb(255, 0, 0); padding: 6px 0pt 6px 5px;">
Contoh
rounded
corner</div>
dan tampilannya seperti ini.
Contoh
rounded
corner
rounded
corner
dan ini kode untuk tampilan semua sudut tumpul.
<div style="-moz-border-radius: 10px 10px 10px 10px; background-color: lime; border: 2px solid rgb(255, 0, 0); padding: 6px 0pt 6px 5px;">
Contoh
rounded
corner</div>
Contoh
rounded
corner</div>
Contoh
rounded
corner
rounded
corner
sobat bisa merubah nilai 10px dengan yang nilai lebih besar atau lebih kecil semakin besar nilainya maka semakin tumpul sudutnya begitu juga sebaliknya.
semog bermanfaat dan selamat mencoba.