<html>
<head>
<link href="day5.1.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<nav id="nav_bar">
<ul>
<li><a href="html.in">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="ask.com">About Us</a></li>
<li><a href="html.in">Phone</a></li>
<li><a href="html.in">Contact</a></li>
<li><a href="html.in">Service</a></li>
<li><a href="html.in">Above</a></li>
<li><a href="html.in">Placement</a></li>
<li><a href="html.in">PHP</a></li>
</body>
</html>
/* for css use */
#nav_bar ul{list-style:none;
padding:1em 0;
background-color:blue;}
#nav_bar li {display:inline;}
#nav_bar a{padding:1em 2em;
text-decoration:none;
color:white;
font-weight:bold;
border-right:2px solid white;}
#nav_bar a.current{color:yellow;}
<head>
<link href="day5.1.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<nav id="nav_bar">
<ul>
<li><a href="html.in">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="ask.com">About Us</a></li>
<li><a href="html.in">Phone</a></li>
<li><a href="html.in">Contact</a></li>
<li><a href="html.in">Service</a></li>
<li><a href="html.in">Above</a></li>
<li><a href="html.in">Placement</a></li>
<li><a href="html.in">PHP</a></li>
</body>
</html>
/* for css use */
#nav_bar ul{list-style:none;
padding:1em 0;
background-color:blue;}
#nav_bar li {display:inline;}
#nav_bar a{padding:1em 2em;
text-decoration:none;
color:white;
font-weight:bold;
border-right:2px solid white;}
#nav_bar a.current{color:yellow;}
No comments:
Post a Comment