CSS Menu

Here's a fun little css stylesheet that one can use for menus.

The CSS for the menu is:

#menu {
    padding:0px;
    width:120px;
}

#menu a {
    text-decoration:none;
    color:#000;
    display:block;
    border:1px solid #fff;
    padding-left:3px;
}

#menu a:hover {
    border:1px solid #000;
}

Which you can use with the following html:

<ul id="menu">
    <li><a href="#">Link One</a></li>
    <li><a href="#">Link Two</a></li>
    <li><a href="#">Link Three</a></li>
</ul>

This will producde a simple menu that when hovered over will display a black box around the menu item.

Of course you can change the background color, or the font etc. to whatever you need it to be. Ah the simplicity that is CSS.