CSS Menu

Using CSS to design your menu, like Google.

HTML Code:

<ul> <li><a href="#">Home</a></li> <li><a href="#">About Us</a></li> <li><a href="#">Picture</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contact</a></li> </ul>

CSS Code:

ul li { list-style: none; } ul li a{ float: left; } <b>Add the css style at ul li a</b> text-decoration: none; color: #666; padding: 6px 15px; border: 1px solid #CCC; background-image: -moz-linear-gradient(-90deg,#f4f4f4 ,#f1f1f1);); margin-right: -1px;