Membuat Kotak Scroll Keren

Artikel Selanjutnya adalah bagaimana Cara membuat kotak scroll Keren dengan gaya tersendiri, berikut kode beserta contoh jadinya :

Kolom Tutorial™ Kolom Tutorial™ Kolom Tutorial™ Kolom Tutorial™ Kolom Tutorial™ Kolom Tutorial™ Kolom Tutorial™

<div style="background: #A8D5FF; border: 1px solid #000000; height: 100px; overflow: auto; padding: 10px; width: 150px;">TEXS ATAU KODE ANDA TARUH DISINI</div>

Kolom Tutorial™ Kolom Tutorial™ Kolom Tutorial™ Kolom Tutorial™ Kolom Tutorial™ Kolom Tutorial™ Kolom Tutorial™

<table border="3" cellpadding="1"><tbody> <tr><td><div style="background: #A8D5FF; border: 1px solid #000000; height: 100px; overflow: auto; padding: 10px; width: 150px;">TEXS ATAU KODE ANDA TARUH DISINI</div> </td></tr> </tbody></table>

Kolom Tutorial™ Kolom Tutorial™ Kolom Tutorial™ Kolom Tutorial™ Kolom Tutorial™ Kolom Tutorial™ Kolom Tutorial™

<div style="-goog-ms-box-shadow: 0 0 10px #000000; -moz-box-shadow: 0 0 10px #000000; -webkit-box-shadow: 0 0 10px #000000; border: 4px double #000000; color: #b4040; height: 100px; overflow: auto; padding: 10px; width: 150px;">TEXS ATAU KODE ANDA TARUH DISINI</div> </div>

Note :
Untuk merubah background : background: #A8D5FF
Untuk merubah warna borber dan ukurannya :  border: 1px solid #000000
Untuk merubah tinggi Scroll :  height: 100px
Untuk merubah lebar Scroll :  width: 150px

M. Alex Joenaedi

Saya hanyalah seorang Newbie di dunia Blogger, Aktivitas Ngeblog dilakukan hanya pada waktu senggang saja atau tidak teratur.

Share this post