HTML CSS examples for CSS Widget:Menu Bar
Simple Horizontal Button / Menu Bar
<html> <head></head> <body> <style type="text/css"> #navbar {<!--from www .j a v a 2s . com--> width:100%; height:41px; background-color:Chartreuse; } #navbar ul { width:81%; margin:0 auto 0 auto; } #navbar ul li { float:left; color:yellow; padding:0 21px 0 21px; border-right:2px solid blue; border-left:2px solid pink; height:41px; list-style:none; display:block; line-height:41px; text-align:center; cursor:pointer; } #navbar ul li:hover { background-color:OrangeRed; } </style> <div id="navbar"> <ul> <li>Lorem </li> <li>Lorem </li> <li>Lorem </li> <li>Lorem </li> <li>Lorem </li> </ul> </div> </body> </html>