Create a Html file and save as "a.html" /*..link the below created css file...*/ Home one two three four Contact Us Create a css file and save it as "b.css" ul#navlist { font-family: sans-serif; } ul#navlist a { font-weight: bold; text-decoration: none; } ul#navlist, ul#navlist ul, ul#navlist li { margin: 0px; padding: 0px; list-style-type: none; } ul#navlist li { float: left; } ul#navlist li a { color: #ffffff; background-color: #003366; padding: 3px; border: 1px #ffffff outset; } ul#navlist li a:hover { color: #ffff00; background-color: #003366; // for mouse over } ul#navlist li a:active { color: #cccccc; background-color: #003366; border: 1px #ffffff inset; } ul#subnavlist { display: none; } ul#subnavlist li { float: none; } ul#subnavlist li a { padding: 0px; margin: 0px; } ul#navlist li:hover ul#subnavlist { display: block; position: absolute; font-size: 8pt; padding-top: 5px; } ul#navlist li:hover ul#subnavlist li a { display: block; width: 10em; border: none; padding: 2px; } ul#navlist li:hover ul#subnavlist li a:before { content: ""; }

Menu

Answers (1)