Menu Bar with CSS in ASP .NET C#
Source code:-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<style
type="text/css">
#cssmenu ul
{
margin: 0;
padding: 0;
list-style-type: none;
position: relative;
display: block;
height: 36px;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
background: transparent url('image/img
(3).gif') repeat-x top left;
font-family: Helvetica, Arial,
Verdana, sans-serif;
border-bottom: 4px solid #004c99;
border-top: 1px solid #74b0c6;
width: auto;
}
#cssmenu li
{
display: block;
float: left;
margin: 0;
padding: 0;
}
#cssmenu li a
{
display: block;
float: left;
color: #6d7078;
text-decoration: none;
font-weight: bold;
padding: 12px 20px 0 20px;
height: 24px;
background: transparent url('image/img
(1).gif') no-repeat top right;
}
#cssmenu li a:hover
{
background: transparent url('image/img
(2).gif') no-repeat top right;
color: #6d7078;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div id='cssmenu'>
<ul>
<li><a href='index.html'><span>Home </span></a></li>
<li><a href='about.html'><span>About Us</span></a></li>
<li><a href='career.html'><span>Career </span></a></li>
<li class='last'><a href='contact.html'><span>Contact Us</span></a></li>
</ul>
</div>
</form>
</body>
</html>
Out Put:-
Menu Bar with CSS in ASP .NET C#
Reviewed by NEERAJ SRIVASTAVA
on
9:32:00 PM
Rating:
Reviewed by NEERAJ SRIVASTAVA
on
9:32:00 PM
Rating:
zxczxc
ReplyDelete