Simple CSS dropdown menu solution

For a dropdown menu we usually use a CSS menu framework what ‘s too heavy for a simple site. Almost people will not know that the simple CSS menu can implement very easy via simple CSS. Now let ‘s implement a simple CSS dropdown menu solution.


We get started with this HTML menu

What we need to do is creating a magic to make this html code become a dropdown menu. Now let ‘s add this CSS style

And finally, you will see the result like this

CSS dropdown menu

Now, good luck and welcome any comment.


  1. Cool and simple menu tutorial. It ‘s good enough for simple site. Thanks

  2. Very simple and very useful too. It take me no time to do a nice menu. Great

Leave a Reply

Your email address will not be published. Required fields are marked *