In this tutorial I would like to teach you how to design a Vertical Menu with the help of little CSS. This is very nice Vertical Menu style tutorial for beginners.
In this Vertical Menu you'll see mouse over effect on sub menus, which is very interesting and you'll always love to learn through out this tutorial.
Here's a image of Vertical Menu that we are going to learn:
For this I am using following two images with css:
I am using following CSS to design a Vertical Menu:
Use following code to attach above CSS manually to HTML document:
Use following HMTL to get a final result:
Now you are done. If you find any difficulty to implement above code please leave a comment.