Close

A funny textbox

This is a fun textbox, where the text box is created in a notepad style. HTML markup is simple with a form and a textbox, with 4 rows allowed to enter. The CSS styling created the magic of styling this textbox like a notebook with rows. The form defines the font-size and the color of the paper. The entire textbox is styled with properties like width, overflow, line height and padding which gives a perfect picture of the notebook along with to the background images. Enter the words on each line you will notice that the textbox does not come to an end nor there is any word limit to this text box. Here the background image is repeated using the background-repeat property. This decides how the image will be repeated. Make sure the length of the lines.png matches with the textbox as repeating this image will repeat the red margin on the extreme right.

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.