Cara membuat Scroll Box dengan CSS

by | Mar 7, 2016 | Uncategorized | 0 comments

html_cssHalo, ketemu lagi dengan saya, pada kesempatan kali ini saya akan menjelaskan cara membuat Scroll Box dengan CSS, Nah bagi yang belum tahu bagaimana cara membuat nya, alangkah baik nya untuk menyimak dan langsung mempraktikan langkah-langkah dibawah ini.

  1. Silahkan buka text editornya, kemudian ketikan script HTML seperti berikut.

<body>

<div class=”scroll”>

<p>Lorem Ipsum.com </p>

</div>

</body>

  1. Untuk paragraph nya silahkan untuk menyalin nya di lipsum.com
  2. Setelah itu, lanjutkan untuk script CSS nya, silahkan ketikan script berikut.

<style>

.scroll p{

height:200px;

width:240px;

overflow:auto;

background-color:yellowgreen;

color:white;

scrollbar-base-color:gold;

font-family:sans-serif;

padding:10px;

}

</style>

</head>

  1. Di letakan diantara tag head.
  2. Kalo sudah jangan lupa disimpan, kemudian dilihat di browser dan lihat hasilnya.
  3. Selesai

Baiklah cukup sekian artikel mengenai cara membuat Scroll Box dengan CSS, Semoga bisa bermanfaat, sampai ketemu dilain kesempatan.