Code:

<div style="height:120px;width:250px;font:16px/26px Georgia, Garamond, Serif;overflow:scroll;">
As you can see, once there's enough text in this box, the box will grow scroll bars... that's why we call it a scroll box! You could also place an image into the scroll box.
</div>

Result:As you can see, once there's enough text in this box, the box will grow scroll bars... that's why we call it a scroll box! You could also place an image into the scroll box.



Change colour:

Code:

<div style="height:90px;width:160px;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>

Result:We have added a background color to this HTML scroll box. This is done using the CSS 'background-color'



Change Text Colour:

Code:

<!-- Codes by Quackit.com -->
<div style="height:90px;width:160px;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>

Result:We have changed the color of the text inside this scroll box. We did this using the CSS 'color' property.