Making Vertical Drop Down Menu Using Html and Css

When designing a site, sometimes there may be many nested categories, in which case using a drop-down menu makes it easier for users to find what they are looking for. In this lesson, we will make a vertical drop-down menu using only Html and CSS.

Although you have enough Html and CSS information, drop-down menus are not used too much to edit one ul, li and tags can be a waste of time to edit. Therefore, I wanted to make a simple drop-down menu without confusion in my article. You can easily get the menu you want by making small changes to the codes.

index.html

stil.css

The most common error when making a pop-up menu is where the tag is turned off in the pop-up menu. Also, when changing the width of the menu, the starting point of the pop-up menu must be changed.

I hope it has been a useful article.