Return to Snippet

Revision: 30311
at August 11, 2010 17:33 by jamepaul


Initial Code
a {
    text-decoration: none;
}
nav {
    background-color: #A3A5A8;
    border: 1px solid #FFF;
    border-radius: 6px;
    display: block;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 0 0 14px #123;
    -webkit-box-shadow: 0 0 14px #123;
    box-shadow: 0 0 14px #123;
    font-size: 15px;
    margin-bottom: 10px;
    padding: 8px 2px;
    width: 450px;
}	
nav a {
    padding: 5px 10px;	
    color: #141414;
}
nav .active,
nav a:hover {
    background-color: #000;
    border-radius: 6px;
    color: #FFF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

Initial URL

                                

Initial Description
I tried a menu bar with html5 and css3. Please give me some advice for more advance.

Initial Title
Rounded Menu Bar with html5 and css3

Initial Tags
CSS3, html5

Initial Language
CSS