eSnippets.net, a code gallery for creating, saving and sharing all kinds of code snippets.

Estilo básico para menus horizontais — CSS

Posted On: Tuesday, February 16, 2016 at 1:06 PM Last updated: Tuesday, February 16, 2016 at 1:17 PM

Código básico para criar um menu horizontal usando CSS3.

<nav id="menu">
<ul>
<li><a href="#">Inicial</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Serviços</a></li>
<li><a href="#">Contato</a></li>
</ul>
</nav>

<style>
#menu {
background-color: #111;
margin: 0;
padding: 0;
width: 100%;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
padding-left: 20px;
}
#menu ul li {
display: inline-block;
padding: 5px 10px;
}
</style>

You need to be logged in to comment! x

Francisco das Chagas

Joined on Friday, February 12, 2016
Contributed 1 Snippets

Get Social and Share

Tags