In this tutorial I want to explain about how to design a . This is basic level tutorial I have used small notebook image to achieve the trick.
You will really feel like typing texts in a notebook instead of normal textarea.
With few lines of css code, you can implement this in any web forms
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
padding: 5px 0px;
border-bottom: 2px solid;
You can modify the line color based on your website design.
<textarea class="notebook" rows="7" cols="60">Type here...</textarea>
Simply apply the classname to any textarea to replicate this awesome notebook style.
I hope you will like this tutorial. You can use this code in your live projects.
Please don’t forget to share and subscribe to latest updates of the blog. Comments and feedbacks are always welcome!