Skip to content

Instantly share code, notes, and snippets.

@lukaswilkeer

lukaswilkeer/index.html

Created November 7, 2012 19:48
Show Gist options
  • Save lukaswilkeer/4033932 to your computer and use it in GitHub Desktop.
Save lukaswilkeer/4033932 to your computer and use it in GitHub Desktop.
Download ZIP
Menu CSS (Sem Dropdown).
Raw
index.html
<!DOCTYPE html><html><head>
<title>Your Awesome Webpage</title>
<style>
#menu ul {
padding:0px;
margin:0px;
float: left;
width: 100%;
background-color:#EDEDED;
list-style:none;
}
#menu ul li { display: inline; }
#menu ul li a {
padding: 2px 10px;
float:left;
/* visual do link */
background-color:#EDEDED;
color: #333;
text-decoration: none;
border-bottom:3px solid #EDEDED;
}
#menu ul li a:hover {
background-color:#D6D6D6;
color: #6D6D6D;
border-bottom:3px solid #EA0000;
}
</style>
</head>
<body>
<nav id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Produtos</a></li>
<li><a href="#">Missão</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Contato</a></li>
</ul>
</nav>
</body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment