Beberapa cara membuat kotak scroll

dalam  sebuah blog pasti sering kali kita jumpai sebuah kotak SCROLL

dan kita pun sering bertanya" bagaimana cara membuatnya.. Nahhh..

sekarang saya akan menerangkan cara membuata kotak SCROLL seperti di bawah ini

Cara membuat kotak dengan fungsi scroll dengan menambahkan style background warna, efek bayangan dan garis pinggir ganda pada kotak scrollnya

Kode yang di gunakan untuk membuat kotak scroll dengan efek shadow, dan garis pinggir ganda seperti di atas adalah :

<div style="overflow:auto; width:150px; height:100px; color:#b4040; padding:10px; border:4px double #000000;-moz-box-shadow:0 0 10px #000000;-webkit-box-shadow:0 0 10px #000000;-goog-ms-box-shadow:0 0 10px #000000;">Cara membuat kotak dengan fungsi scroll dengan menambahkan style background warna, efek bayangan dan garis pinggir ganda pada kotak scrollnya</div>

• Kode yang berwarna merah adalah kode untuk memberi garis pinggir ganda. Jika ingin membuat garisnya putus - putus, ganti kode double dengan dashed
• Kode yang berwarna biru adalah kode untuk memberi efek bayangan berwarna hitam pada kotak
• dan tulisan yg tebal bisa di isi/di ganti dengan ke inginan anda
• width:150px  adalah lebar kotak yang diukur dalam pixel. (100px/100pixel)
• height:100px adalah tinggi kotak yang diukur dalam pixel. (400px/400pixel)

Semua kode di atas bisa di edit dengan menggabungkan kodenya, menambahkan atau mengurangi kodenya atau keduanya. Silahkan edit kode dasar membuat kotak scroll di blog tersebut di atas agar kotaknya sesuai dengan keinginan anda. selamat mencoba... :D