Guest User

Untitled

a guest
Jan 22nd, 2018
66
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.00 KB | None | 0 0
  1. <head>
  2.     <title>Menu Horizontal</title>
  3.     <style type="text/css">
  4.     <!--
  5.         body {
  6.             padding:0px;
  7.             margin:0px;
  8.         }
  9.  
  10.         #menu ul {
  11.             padding:0px;
  12.             margin:0px;
  13.             float: left;
  14.             width: 100%;
  15.             background-color:#366D00;
  16.             list-style:none;
  17.             font:80% Tahoma;
  18.         }
  19.  
  20.         #menu ul li { display: inline; }
  21.  
  22.         #menu ul li a {
  23.             background-color:#366D00;
  24.             color: #010;
  25.             text-decoration: none;
  26.             border-bottom:3px solid #366D00;
  27.             padding: 2px 10px;
  28.             float:left;
  29.         }
  30.  
  31.         #menu ul li a:hover {
  32.             background-color:#D10000;
  33.             color: #FFFFFF;
  34.             border-bottom:3px solid #000000;
  35.         }
  36.     -->
  37.     </style>
  38. </head>
  39.  
  40. <body>
  41.     <div id="menu">
  42.         <ul>
  43.             <li><a href="">Quem somos</a></li>
  44.             <li><a href="">Galeria</a></li>
  45.             <li><a href="">Contato</a></li>
  46.             <li><a href="">Bla bla bla</a></li>
  47.             <li><a href="">Bla bla bla</a></li>
  48.             <li><a href="">Bla bla bla</a></li>
  49.             <li><a href="">Bla bla bla</a></li>
  50.             <li><a href="">Bla bla bla</a></li>
  51.         </ul>
  52.     </div>
  53. </body>
  54. </html>
Add Comment
Please, Sign In to add comment