Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <head>
- <title>Menu Horizontal</title>
- <style type="text/css">
- <!--
- body {
- padding:0px;
- margin:0px;
- }
- #menu ul {
- padding:0px;
- margin:0px;
- float: left;
- width: 100%;
- background-color:#366D00;
- list-style:none;
- font:80% Tahoma;
- }
- #menu ul li { display: inline; }
- #menu ul li a {
- background-color:#366D00;
- color: #010;
- text-decoration: none;
- border-bottom:3px solid #366D00;
- padding: 2px 10px;
- float:left;
- }
- #menu ul li a:hover {
- background-color:#D10000;
- color: #FFFFFF;
- border-bottom:3px solid #000000;
- }
- -->
- </style>
- </head>
- <body>
- <div id="menu">
- <ul>
- <li><a href="">Quem somos</a></li>
- <li><a href="">Galeria</a></li>
- <li><a href="">Contato</a></li>
- <li><a href="">Bla bla bla</a></li>
- <li><a href="">Bla bla bla</a></li>
- <li><a href="">Bla bla bla</a></li>
- <li><a href="">Bla bla bla</a></li>
- <li><a href="">Bla bla bla</a></li>
- </ul>
- </div>
- </body>
- </html>
Add Comment
Please, Sign In to add comment