Cara Membuat Kotak/ Border Pada Widget
Untuk menambah kotak atau border pada widget sangatlah mudah. Sobat tinggal menambahkan sedikit kode css di awal dan akhit kode widget sobat. Untuk lebih jelasnya di bawah ini adalah contoh cara-cara membuat border atau bingkai pada widget atau gadget yang akan pasang.
<div
style="border: 1px #000000 solid; padding: 10px; text-align: left;">TULIS SCRIPT DISINI</div>
Ini adalah border model satu line atau satu garis tanpa warna background,kemudian untuk
memperbesar line/garis ukuran 1px bisa dirubah menurut ukuran yang
diinginkan.
Dan berikut model model bingkai yang lain dengan warna background
<div
style="border: 1px #000000 dotted; padding: 10px; background-color:
#CEF6CE; text-align: left;">TULIS SCRIPT DISINI</div>
<div
style="border: 1px #000000 dashed; padding: 10px; background-color:
#CEF6CE; text-align: left;">TULIS SCRIPT DISINI</div>
Untuk kotak dengan scroll tinggal menambahkan kode overflow:auto; seperti contoh di bawah
<div
style="border: 2px #000000 solid; padding: 10px; background-color:
#CEF6CE; overflow: auto; height: 80px; width: 300px; text-align:
left;">TULIS SCRIPT DISINI</div>
<div style="background-color: #cef6ce; border: 4px double rgb(0, 0, 0); padding: 10px; text-align: left;">
TULIS SCRIPT DISINI</div>
TULIS SCRIPT DISINI</div>
Mudah bukan?.
Terima Kasih sobat telah membaca artikel 
Keren, blog aku jadi kelihatan rapi, thanks bro.