HTML CSS examples for CSS Widget:Menu
HTML CSS UL menu styling
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> #nav<!--from w ww. j a v a2s.c o m--> { list-style:none; margin-bottom:11px; margin-top:-7px; position:relative; right:287px; z-index:10; height:27px; padding:5px 5px 5px 5px; font-weight:bold; } #nav li { float:right; margin-right:11px; border:2px solid Chartreuse; } #nav a { display:block; padding:6px; color:yellow; background:blue; text-decoration:none; margin:4px; } #nav a:hover { color:pink; background:OrangeRed; } </style> </head> <body> <!--MAIN MENU START--> <ul id="nav"> <li> <a href="#">Lorem ipsu</a> </li> <li> <a href="#">Lore</a> </li> </ul> <!--MAIN MENU FINISH--> </body> </html>