Untitled

<!DOCTYPE html>
<html>
<head><title>html + css</title>
<link href="style.css" type="text/css" rel="stylesheet" >
</head>
<style>
body{
    margin:0;
    background : url("images(1).jpg");
    background-size:cover;
    max-width:1oo%;

}
.nav{
width:100%;
background-color:#000033;
hight:100px;
margin-top:100px;
opacity:0.6s;
}
ul{
list-style:none;
padding:0;
margin:0;
position:absolute;}
li{
float:left;
margin-top:none;}
a{
width:150px;
color:white;
display:block;
text-decoration:none;
font-size:20px;
text-align:center;
padding:10px;
border-bottom-style:bottom;
font-family:century gothic;
font-weight:bold;
border-redius:10px;
}
a:hover{
background:#669900
trasition:0.3s;}


</style>
<body>

<div class="nav">
<ul>
<li><a href="#">home</a></li>
<li><a href="#">number</a></li>
<li><a href="#">fcacebook</a></li>
<li><a href="#">about</a></li>
<li><a href="#">blog</a></li>
<li><a href="#">contact</a></li>
<li><a href="#">details</a></li>
</ul>
</div>

</body>

</html>