Code HTML kotak scroll

Sebelumnya mari kita ketahui sedikit mengenai apa itu HTML, yang merupakan singkatan dari Hyper Text Markup Language, adalah bahasa markup yang digunakan untuk membuat halaman web. Pengembang web menggunakan "tag HTML" untuk memformat bagian yang berbeda dari dokumen. Misalnya, Anda menggunakan tag HTML untuk menentukan judul, paragraf, daftar, tabel, gambar, dan banyak lagi.

Berikut ini adalah beberapa contoh kotak scroll, anda bisa meng copy code HTML nya kemudian anda FASTE kan pada blog anda. Bagaimana caranya ?

• pertama edit new entry
• pilih mode HTML
• copy code HTMLnya lalu Faste
• selesai

</div>
<div style="border: 2px solid #ccc; font: 16px/26px Georgia, Garamond, Serif; height: 120px; overflow: auto; width: 150px;">
Bila anda ingin membuat kotak scrol, anda bisa copy kode ini dan fastekan pada blog kamu  </div>

<div style="background-color: #67f152; height: 90px; overflow: scroll; width: 150px;">
Bila anda ingin membuat kotak scrol memakai warna background, anda bisa copy kode ini dan fastekan pada blog kamu </div>

<div style="border: 1px solid red; height: 80px; overflow: scroll; width: 150px;">
Bila anda ingin membuat kotak scrol memakai garis tepi, anda bisa copy kode ini dan fastekan pada blog kamu </div>

<div style="border: 9px solid red; height: 80px; overflow: scroll; width: 150px;">
Bila anda ingin membuat kotak scrol memakai garis tepi tebal, anda bisa copy kode ini dan fastekan pada blog kamu </div>

<div style="border: 9px dotted red; height: 80px; overflow: scroll; width: 150px;">
Bila anda ingin membuat kotak scrol memakai garis tepi putus-putus, anda bisa copy kode ini dan fastekan pada blog kamu </div>

<div style="border: 9px dashed red; height: 80px; overflow: scroll; width: 150px;">
Bila anda ingin membuat kotak scrol memakai garis tepi putus-putus, anda bisa copy kode ini dan fastekan pada blog kamu </div>

<div style="border: 9px groove red; height: 80px; overflow: scroll; width: 150px;">
Bila anda ingin membuat kotak scrol memakai garis tepi seperti ini, anda bisa copy kode ini dan fastekan pada blog kamu</div>

<div style="border: 9px double blue; height: 80px; overflow: scroll; width: 150px;">
Bila anda ingin membuat kotak scrol memakai garis tepi double, anda bisa copy kode ini dan fastekan pada blog kamu</div>

<div style="border: 9px outset blue; height: 80px; overflow: scroll; width: 150px;">
Bila anda ingin membuat kotak scrol memakai garis tepi seperti ini, anda bisa copy kode ini dan fastekan pada blog kamu</div>

<div style="border: 1px solid black; height: 100px; overflow-x: scroll; overflow-y: hidden; width: 150px;">
<div style="width: 250%;">
Bila anda ingin membuat kotak scrol memakai garis tepi seperti ini, anda bisa copy kode ini dan fastekan pada blog kamu</div>
</div>

Selamat Mencoba semoga berhasil