If we are creating a website like beginners than try this structured. Codes
<html>
<head>
</title>website of gallery</title>
<style>
*{
box-sizing:border-box;
}
box{
margin:0;
background:white;
}
nav{
background:#594848;
width:100%;
overflow:auto;
}
ul{
margin:0;
padding:0;
list-style:none;
}
li{
float:right;
}
nav a{
width:100px;
display:block;
text-decoration:none;
text-align:center;
background:#594848;
color-size:16px;
color:white;
padding:20px 10px;
font-family:arial;
}
nav a:hover{
background:skyblue;
color:black;
}
</style>
</head>
<body>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</body>
</html>
No comments:
Post a Comment