Scroll Box Border Code

     Bagi sobat yang ingin scroll box yang lebih menarik, berikut ada beberapa contoh scroll box beserta kodenya yang bisa sobat gunakan. Tinggal Copy aja mana yang sobat suka :)





1. Mixed Borders

Tertarik dengan tampilan scroll box seperti ini?????????
Silahkan Copy kode yang tertera dibawah ini.

<div style="background-color: #d0f18f; border: 10px double 6DB72C; color: #53760d; height: 100px; overflow: scroll; width: 200px;"> Tulis apa saja disini</div>

2. Solid Border - Thin

Tertarik dengan tampilan scroll box seperti ini?????????
Silahkan Copy kode yang tertera dibawah ini.

<div style="border: 1px solid LimeGreen; height: 100px; overflow: scroll; width: 150px;"> Tulis apa saja disini.</div>

3. Solid Border - Thick

Tertarik dengan tampilan scroll box seperti ini?????????
Silahkan Copy kode yang tertera dibawah ini.

<div style="border: 5px solid LimeGreen; height: 100px; overflow: scroll; width: 150px;"> Tulis apa saja disini.</div>

4. Dotted Border - Thin

Tertarik dengan tampilan scroll box seperti ini?????????
Silahkan Copy kode yang tertera dibawah ini.

<div style="border: 1px dotted LimeGreen; height: 100px; overflow: scroll; width: 150px;"> Tulis apa saja disini.</div>

5. Grooved Border

Tertarik dengan tampilan scroll box seperti ini?????????
Silahkan Copy kode yang tertera dibawah ini.

<div style="border: 8px groove LimeGreen; height: 100px; overflow: scroll; width: 150px;"> Tulis apa saja disini</div>

6. Dashed Border - Thick

Tertarik dengan tampilan scroll box seperti ini?????????
Silahkan Copy kode yang tertera dibawah ini.

<div style="border: 5px dashed LimeGreen; height: 100px; overflow: scroll; width: 150px;"> Tulis apa saja disini</div>

7. Double Border

Tertarik dengan tampilan scroll box seperti ini?????????
Silahkan Copy kode yang tertera dibawah ini.

<div style="border: 3px double LimeGreen; height: 100px; overflow: scroll; width: 150px;"> Tulis apa saja disini</div>

8. Ridged Border

Tertarik dengan tampilan scroll box seperti ini?????????
Silahkan Copy kode yang tertera dibawah ini.

<div style="border:8px ridge LimeGreen;width:150px;height:100px;overflow:scroll;"> Tulis apa saja disini</div>

9. Outset Border

Tertarik dengan tampilan scroll box seperti ini?????????
Silahkan Copy kode yang tertera dibawah ini.

<div style="border: 8px outset LimeGreen; height: 100px; overflow: scroll; width: 150px;"> Tulis apa saja disini</div>

10. Inset Border

Tertarik dengan tampilan scroll box seperti ini?????????
Silahkan Copy kode yang tertera dibawah ini.

<div style="border:8px inset LimeGreen;width:150px;height:100px;overflow:scroll;"> Tulis apa saja disini</div>

11. Mixed Border

Tertarik dengan tampilan scroll box seperti ini?????????
Silahkan Copy kode yang tertera dibawah ini.

<div style="border-top:2px dashed LimeGreen;border-right:3px dotted black;border-bottom:3px dashed LimeGreen;border-left:8px solid black;width:150px;height:100px;overflow:scroll;"> Tulis apa saja disini</div>