More Colour Scroll Boxes
These are examples of HTML scroll boxes with color added that you can copy and paste. You are welcome to use this page's code on your own website. The values can also be altered to fit your needs.
Color of the Background
In this example, the scroll box's background color is altered. The CSS background-color property is used in HTML to modify the background color:
HTML Code
<div style="height:90px;width:150px;overflow:scroll;background-color:#67F152;">We have added a background color to this HTML scroll box. This is done using the CSS 'background-color' property.</div>
Text Colour
In this example, we also alter the background color and the text color inside the scroll box. The CSS color property is used to alter the text's color:
HTML Code
<div style="height:90px;width:150px;overflow:scroll;background-color:#67F152;color:#A6120D;">We have changed the color of the text inside this scroll box. We did this using the CSS 'color' property.</div>
Scrollbar Clour
In this example, we alter the scroll bars' color. The 'scrollbar-base-color' property is used for this.
.png)
HTML Code
<div style="height:90px;width:150px;overflow:scroll;background-color:#67F152;color:#A6120D;scrollbar-base-color:#52DC0D;">We have changed the color of the scroll bars of this scroll box. We did this using the CSS 'scrollbar-base-color' property.</div>