<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
body {
background:url("https://www.linkpicture.com/q/0_15.png");
}
nav ul{
background:linear-gradient(90deg,
rgba(0,0,0,0)0%,
rgba(0,0,0,0.2)25%,
rgba(0,0,0,0.2)75%,
rgba(0,0,0,0)100%,
);
box-shadow:0 0 25px rgba(0,0,0,0.1),
inset 0 0 1px rgba(255,255,255,0.6);
}
nav ul li{
display: inline;
}
nav ul li a{
padding:10px;
color:black;
font-size:18px;
font-family:arial;
text-decoration:none;
display:inline;
}
</style>
</head>
<body>
<nav>
<ul>
<li>
<a href="#">Courses</a>
</li>
<li>
<a href="#">Discuss</a>
</li>
<li>
<a href="#">Top Learners</a>
</li>
<li>
<a href="#">Blog</a>
</li>
</ul>
</nav>
</body>
</html>
OUTPUT
Comments
Post a Comment