Cara Membuat Scroll Box

Cara membuat Scroll script box

langsung saja menuju bahan pembicaraan
di bawah ini adalah scroll boks sederhana
yang sering kita lihat di banyak web untuk mempersingkat ruang ,

Tulis sesuatu di sini..

Kode html::


<div style="background-color: white; border: 1px #000000 solid; height: 50px; overflow: auto; padding: 10px; text-align: left; width: 300px;">
Tulis sesuatu di sini..</div>

kode html di atas dapat di ubah  sesuaikan dengan keinginan kita dengan cara
mengganti becgraund colour, tinggi,panjang, dan warna  border sesuai keinginan kita


Contoh 1

Tulis sesuatu di sini..

Kode HTML :

<div style="background-color: #82cafa; border: 2px #006400 solid; height: 50px; overflow: auto; padding: 10px; text-align: left; width: 300px;">Tulis sesuatu di sini..</div>

Contoh 2

Tulis sesuatu di sini..

Kode HTML :

</div><div style="background-color: #a12fc9; border: 2px #000000 solid; height: 50px; overflow: auto; padding: 10px; text-align: left; width: 300px;">Tulis sesuatu di sini..</div>

Contoh 3

Tulis sesuatu di sini..

Kode HTML :

<div style="background-color: #66dd87; border: 5px #000000 solid; height: 30px; overflow: auto; padding: 10px; text-align: left; width: 400px;">Tulis sesuatu di sini..</div>

Cara membuat Scroll box box dengan tulisan berjalan di dalamnya:

Tulis sesuatu di sini..

Kode HTML :

<div style="background-color: #82cafa; border: 5px #000000 solid; height: 40px; overflow: auto; padding: 10px; text-align: left; width: 500px;"><marquee>Tulis sesuatu di sini..</marquee></div>

Demikian yang saya bisa bagi untuk anda semoga bermanfaat.....

Tweet