Skip to content

Instantly share code, notes, and snippets.

@CharlesAgra

CharlesAgra/Index.html

Created November 17, 2015 18:01
Show Gist options
  • Save CharlesAgra/11d2120abe9b85f8128b to your computer and use it in GitHub Desktop.
Save CharlesAgra/11d2120abe9b85f8128b to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Index.html
<!DOCTYPE html>
<html lang = "pt-br">
<head>
<meta charset = "UTF-8"/>
<title>Menu - Css3</title>
<link rel="stylesheet" type="text/css" href="main.css"/>
</head>
<body>
<div id = "interface">
<div id = "header">
<nav id = "menu">
<ul type = "disc">
<li><a href = "#">Home</a></li>
<li><a href = "#">Multimídia</a></li>
<li><a href = "#">Sobre nós</a></li>
<li><a href = "#">Contato</a></li>
</ul>
</nav>
</div>
</div>
</body>
</html>
Raw
main.css
nav#menu li {
list-style: none;
display: inline-block;
text-transform: uppercase;
}
nav#menu a{
background-color: #FFA500;
color: black;
padding: 10px;
text-decoration: none;
}
nav#menu a:hover{
background-color: #FF4500;
color: white;
text-decoration: underline;
}
nav#menu {
display: block;
position: absolute;
top: -8px;
left: 600px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment