Cara Membuat Scroll Sederhana di Dokumen HTML dengan CSS

Scroll tentunya penting digunakan pada setiap web apabila kita tidak menggunakan scroll maka kita akan memakan page yang begitu panjang. Namun kali ini saya akan memberi Tutorial Bagaimana Cara Membuat Scroll di Dokumen HTML dengan CSS, Mengapa harus dengan css? fungsi utama css adalah mengatur tampilan dari HTML itu sendiri dan kita bisa mempercantik tampilan yang ada di HTML dengan css.
Copy kode dibawah ini lalu Paste didalam Notepad++ lalu simpan dengan nama file contoh.html

<style>
.scrollbar{
  width: 325px;
  overflow: auto;
  background: #f0f0f0;
  border: solid #bbb 2px;
  height: 95px;
}
</style>

<div class="scrollbar">
ini hanyalah contoh
<div style="padding-top:185px"></div>
manfaatkanlah tutorial yang saya berikan dan jangan sampai disia-siakan
</div>

Hasilnya :

Contoh Scroll Bar di Dokumen Html dengan Css

Anda bisa mengubah kode yang saya berikan dengan hasil imajinasi anda sendiri.

Hasil karya sendiri itu lebih baik dari pada hasil karya yang dibuat oleh orang lain.