<html>
<head>
<link href="day5.css" rel="stylesheet" type="text/css" />
</head>
<body>
<nav id="nav_bar">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="google.com">Get Tickets</a></li>
<li><a href="technode.in" class="current">Become a Member</a></li>
<li><a href="html.in">About Us</a></li>
</ul>
<nav/>
</body>
</html>
/* For Css*/
#nav_bar ul
{list-style:none;
padding:1em 0;
border-top:2px solid black;
border-bottom:2px solid black;
}
#nav_bar li
{display:inline;
padding:0 2.5em;
border-right:2px solid black;
}
#nav_bar a
{font-weight:bold;
color:blue;
}
#nav_bar a.current{color: text-decoration:none;}
Result:
<head>
<link href="day5.css" rel="stylesheet" type="text/css" />
</head>
<body>
<nav id="nav_bar">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="google.com">Get Tickets</a></li>
<li><a href="technode.in" class="current">Become a Member</a></li>
<li><a href="html.in">About Us</a></li>
</ul>
<nav/>
</body>
</html>
/* For Css*/
#nav_bar ul
{list-style:none;
padding:1em 0;
border-top:2px solid black;
border-bottom:2px solid black;
}
#nav_bar li
{display:inline;
padding:0 2.5em;
border-right:2px solid black;
}
#nav_bar a
{font-weight:bold;
color:blue;
}
#nav_bar a.current{color: text-decoration:none;}
Result:
No comments:
Post a Comment