HomeAssignments Web Design - Technical Design - HTML and CSS Assignment 09 i byFaisal Javaid May 03, 2021 0 Comments <html> <head> <title>Horizontal Menu</title> <link type="text/css" rel="stylesheet" href="styles01.css" /> </head> <body topmargin"0px" leftmargin="0px" > <div id="menu"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About Us</a></li> <li><a href="#">Downloads</a></li> <li><a href="#">Products</a></li> <li><a href="#">Services</a></li> <li><a href="#">Contact Us</a></li> <li><a href="#">Faq</a></li> </ul> </div> </body> </html> styles01.css #menu{ height:40px; background-color:#000066; } #menu ul{ list-style-type:none; font-size:12pt; margin:6px; } #menu ul li{ display:inline; } #menu ul li a{ float:left; margin:0px; padding:5px 10px; text-decoration:none; background-color:#000066; color:#99ccff; border-right:1px solid #fff; } #menu ul li a:hover{ background-color:#336699; color:yellow; } Tags Assignments CSS Html Share
Post a Comment