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

<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

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

3. Solid Border - Thick

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

4. Dotted Border - Thin

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

5. Grooved Border

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

6. Dashed Border - Thick

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

7. Double Border

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

8. Ridged Border

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

9. Outset Border

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

10. Inset Border

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

11. Mixed Border

<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>

Judul: Scroll Box Border Code
Ditulis oleh Admin
Rating Blog 5 dari 5