in , ,

Simple DropDown Menu in HTML and CSS


DropDown Menu in HTML and CSS

Drop down menu looks nice and helps to keep more navigation links in less space. Createing a dropdown menu is easy with use of CSS and HTML lists elements. Create list items for menu items. Create list inside a list item to add child menu inside a menu item. It works by mouse hover or onmouseover to show the hidden menu child items.

CSS Part: Styling the dropdown menu items. You can change the color, font and style of menu items by changing the style attribute.


HTML Part: In this HTML part, create menu items and sub menu items. These are only HTML lists. Add menu items and URLs .


If you have any kind off problem or doubt in the code, you can ask via comment



Written by Deepanker

Deepanker Verma is the founder of Techlomedia. He is a tech blogger, developer and gadget freak.

Leave a Reply

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


watermarking plugins

How to Apply Watermark Effect to an Image Using CSS

How to Create Simple Pagination With MySQL Results