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



To Top