Monday, 5 February 2018

Web Programming , Title Bar in html and CSS

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;
}





1 comment:

Web Programming , Title Bar in html and CSS

Fancy  Title Bar in html and CSS   index.html <html> <head> <title> Title Bar Demo </title> <link rel=...