Fancy Title Bar in html and CSS
index.html<html>
<head>
<title> Title Bar Demo </title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<ul>
<li><a href="home.html">HOME</a></li>
<li><a href="#newcar">NEW CARS</a></li>
<li><a href="#usedcar">USED CARS</a></li>
<li><a href="#sellcar">SELL CAR</a></li>
<li><a href="#buycar">BUY CAR</a></li>
<li><a href="#login">LOGIN</a></li>
</ul>
</body>
</html>
style.css
--------------
ul{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
font-family:calibri;
}
a:link,a:visited{
display:block;
font-weight:bold;
color:#FFFFFF;
background-color:#555fff;
width:160px;
text-align:center;
padding:10px;
text-transform:uppercase;
text-decoration:none;
}
a:hover,a:active{
background-color:#999fff;
}
li{
float:left;
}
that was helpful thanks
ReplyDelete